@builder.io/mitosis 0.7.4 → 0.7.6

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

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

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

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

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

@@ -10,6 +10,7 @@ const hooks_1 = require("../../generators/angular/helpers/hooks");
 const parse_selector_1 = require("../../generators/angular/parse-selector");
 const bindings_1 = require("../../helpers/bindings");
 const event_handlers_1 = require("../../helpers/event-handlers");
+const get_tag_name_1 = require("../../helpers/get-tag-name");
 const is_children_1 = __importDefault(require("../../helpers/is-children"));
 const is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
 const remove_surrounding_block_1 = require("../../helpers/remove-surrounding-block");
@@ -299,7 +300,7 @@ const blockToAngular = ({ root, json, options = {}, blockOptions = {
     else {
         let element = null, classNames = [], attributes;
         const isComponent = childComponents.find((impName) => impName === json.name);
-        const tagName = json.properties.$tagName;
+        const tagName = (0, get_tag_name_1.getBuilderTagName)(json);
         const selector = json.meta.selector || (blockOptions === null || blockOptions === void 0 ? void 0 : blockOptions.selector);
         if (selector) {
             try {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -65,7 +65,7 @@ const getPropsAsCode = ({ props, propOptions, defaultProps, json, }) => {
             // Stencil adds "on" to every `@Event` so we need to remove "on" from event props
             // https://stenciljs.com/docs/events#using-events-in-jsx
             const eventType = hasTyping
-                ? `EventEmitter<ReturnType<Required<${propsTypeRef}>["${item}"]>>`
+                ? `EventEmitter<Parameters<Required<${propsTypeRef}>["${item}"]>[number]> | void`
                 : 'any';
             return `@Event() ${(0, event_handlers_1.getEventNameWithoutOn)(item)}: ${eventType}${defaultPropString}`;
         }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/src/generators/vue/vue.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToVue = void 0;
+const apply_meta_tagname_1 = require("../../helpers/apply-meta-tagname");
 const babel_transform_1 = require("../../helpers/babel-transform");
 const bindings_1 = require("../../helpers/bindings");
 const dedent_1 = require("../../helpers/dedent");
@@ -165,6 +166,8 @@ const componentToVue = (userOptions) => ({ component: _component, path }) => {
     const css = (0, collect_css_1.collectCss)(component, {
         prefix: (_b = (_a = options.cssNamespace) === null || _a === void 0 ? void 0 : _a.call(options)) !== null && _b !== void 0 ? _b : undefined,
     });
+    // Apply the meta tagName to the component BEFORE we strip the meta properties
+    (0, apply_meta_tagname_1.applyMetaTagName)(component);
     (0, strip_meta_properties_1.stripMetaProperties)(component);
     const templateStrBody = component.children
         .map((item) => (0, blocks_1.blockToVue)(item, options, { isRootNode: true }))

package/dist/src/helpers/apply-meta-tagname.d.ts

@@ -0,0 +1,2 @@
+import { MitosisComponent } from '../types/mitosis-component';
+export declare const applyMetaTagName: (json: MitosisComponent) => MitosisComponent;

package/dist/src/helpers/apply-meta-tagname.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyMetaTagName = void 0;
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const is_mitosis_node_1 = require("./is-mitosis-node");
+const applyMetaTagName = (json) => {
+    (0, legacy_1.default)(json).forEach((item) => {
+        if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
+            if (item.properties.$tagName) {
+                item.name = item.properties.$tagName;
+                delete item.properties.$tagName;
+            }
+        }
+    });
+    return json;
+};
+exports.applyMetaTagName = applyMetaTagName;

package/dist/src/helpers/get-tag-name.d.ts

@@ -0,0 +1,2 @@
+import { MitosisNode } from '../types/mitosis-node';
+export declare const getBuilderTagName: (node: MitosisNode) => string | undefined;

package/dist/src/helpers/get-tag-name.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBuilderTagName = void 0;
+const getBuilderTagName = (node) => {
+    return node.properties.$tagName;
+};
+exports.getBuilderTagName = getBuilderTagName;

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

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.compileAwayBuilderComponents = exports.compileAwayBuilderComponentsFromTree = exports.components = void 0;
+const get_tag_name_1 = require("../helpers/get-tag-name");
 const sdk_1 = require("@builder.io/sdk");
 const json5_1 = __importDefault(require("json5"));
 const lodash_1 = require("lodash");
@@ -38,7 +39,7 @@ const wrapOutput = (node, child, components) => {
             ...(0, lodash_1.omit)(node.bindings, ...inputNames),
         },
         // TODO: forward tagName as a $tagName="..."
-        name: node.properties._tagName || node.properties.$tagName || 'div',
+        name: node.properties._tagName || (0, get_tag_name_1.getBuilderTagName)(node) || 'div',
         children: Array.isArray(child) ? child : [child],
     });
 };

package/dist/src/targets.d.ts

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

package/package.json

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