@builder.io/mitosis 0.0.56-63 → 0.0.56-67

package/dist/src/__tests__/data/types/foo-type.d.ts

@@ -0,0 +1 @@
+export declare type Foo = null;

package/dist/src/__tests__/data/types/foo-type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/__tests__/data/types/type-dependency.raw.d.ts

@@ -0,0 +1,7 @@
+import type { Foo } from './foo-type';
+import type { Foo as Foo2 } from './type-export.lite';
+export declare type TypeDependencyProps = {
+    foo: Foo;
+    foo2: Foo2;
+};
+export default function TypeDependency(props: TypeDependencyProps): import("@builder.io/mitosis/jsx-runtime").JSX.Element;

package/dist/src/__tests__/data/types/type-dependency.raw.jsx

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function TypeDependency(props) {
+    return <div>{props.foo}</div>;
+}
+exports.default = TypeDependency;

package/dist/src/__tests__/data/types/type-export.lite.d.ts

@@ -0,0 +1,3 @@
+export interface Foo {
+}
+export default function MyComponent(): import("@builder.io/mitosis/jsx-runtime").JSX.Element;

package/dist/src/__tests__/data/types/type-export.lite.jsx

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function MyComponent() {
+    return <div></div>;
+}
+exports.default = MyComponent;

package/dist/src/__tests__/shared.js

@@ -7,6 +7,7 @@ var basicOnMountUpdate = require('./data/basic-onMount-update.raw');
 var basicContext = require('./data/basic-context.raw');
 var basicOutputsMeta = require('./data/basic-outputs-meta.raw');
 var basicOutputs = require('./data/basic-outputs.raw');
+var subComponent = require('./data/sub-component.lite.jsx');
 var basic = require('./data/basic.raw');
 var basicMitosis = require('./data/basic-custom-mitosis-package.raw');
 var basicChildComponent = require('./data/basic-child-component.raw');
@@ -21,6 +22,7 @@ var preserveExportOrLocalStatement = require('./data/basic-preserve-export-or-lo
 var propsType = require('./data/types/component-props-type.raw');
 var propsInterface = require('./data/types/component-props-interface.raw');
 var preserveTyping = require('./data/types/preserve-typing.raw');
+var typeDependency = require('./data/types/type-dependency.raw');
 var classRaw = require('./data/styles/class.raw');
 var className = require('./data/styles/className.raw');
 var classAndClassName = require('./data/styles/class-and-className.raw');
@@ -86,6 +88,8 @@ var BASIC_TESTS = {
     propsType: propsType,
     propsInterface: propsInterface,
     preserveTyping: preserveTyping,
+    typeDependency: typeDependency,
+    subComponent: subComponent,
     propsDestructure: propsDestructure,
     'onInit & onMount': onInitonMount,
     'Basic Context': basicContext,

package/dist/src/parsers/jsx/component-types.d.ts

@@ -1,6 +1,7 @@
 import * as babel from '@babel/core';
 import { Context } from './types';
 export declare const getPropsTypeRef: (node: babel.types.FunctionDeclaration) => string | undefined;
+export declare const isTypeImport: (node: babel.Node) => boolean;
 export declare const isTypeOrInterface: (node: babel.Node) => boolean;
 export declare const collectTypes: (node: babel.Node, context: Context) => void;
 export declare const collectInterfaces: (node: babel.Node, context: Context) => void;

package/dist/src/parsers/jsx/component-types.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.collectInterfaces = exports.collectTypes = exports.isTypeOrInterface = exports.getPropsTypeRef = void 0;
+exports.collectInterfaces = exports.collectTypes = exports.isTypeOrInterface = exports.isTypeImport = exports.getPropsTypeRef = void 0;
 var babel = __importStar(require("@babel/core"));
 var generator_1 = __importDefault(require("@babel/generator"));
 var types = babel.types;
@@ -46,6 +46,14 @@ var getPropsTypeRef = function (node) {
     return undefined;
 };
 exports.getPropsTypeRef = getPropsTypeRef;
+var isTypeImport = function (node) {
+    var _a;
+    return types.isImportDeclaration(node) &&
+        node.importKind === 'type' &&
+        // Babel adds an implicit JSX type import that we don't want
+        ((_a = node.specifiers[0]) === null || _a === void 0 ? void 0 : _a.local.name) !== 'JSX';
+};
+exports.isTypeImport = isTypeImport;
 var isTypeOrInterface = function (node) {
     return types.isTSTypeAliasDeclaration(node) ||
         types.isTSInterfaceDeclaration(node) ||

package/dist/src/parsers/jsx/jsx.js

@@ -506,6 +506,17 @@ function parseJsx(jsx, options) {
                             component: (0, create_mitosis_component_1.createMitosisComponent)(),
                         };
                         var keepStatements = path.node.body.filter(function (statement) { return isImportOrDefaultExport(statement) || (0, component_types_1.isTypeOrInterface)(statement); });
+                        for (var _i = 0, _a = path.node.body; _i < _a.length; _i++) {
+                            var statement = _a[_i];
+                            if ((0, component_types_1.isTypeImport)(statement)) {
+                                var importDeclaration = statement;
+                                // Remove .lite from path if exists, as that will be stripped
+                                if (importDeclaration.source.value.endsWith('.lite')) {
+                                    importDeclaration.source.value = importDeclaration.source.value.replace(/\.lite$/, '');
+                                }
+                                (0, component_types_1.collectTypes)(statement, context);
+                            }
+                        }
                         var exportsOrLocalVariables = path.node.body.filter(function (statement) {
                             return !isImportOrDefaultExport(statement) &&
                                 !(0, component_types_1.isTypeOrInterface)(statement) &&