@builder.io/mitosis 0.0.74 → 0.0.76

package/dist/src/helpers/render-imports.js

@@ -95,7 +95,7 @@ var getImportValue = function (_a) {
     }
 };
 var renderImport = function (_a) {
-    var theImport = _a.theImport, target = _a.target, asyncComponentImports = _a.asyncComponentImports, _b = _a.preserveFileExtensions, preserveFileExtensions = _b === void 0 ? false : _b;
+    var theImport = _a.theImport, target = _a.target, asyncComponentImports = _a.asyncComponentImports, _b = _a.preserveFileExtensions, preserveFileExtensions = _b === void 0 ? false : _b, _c = _a.component, component = _c === void 0 ? undefined : _c, _d = _a.componentsUsed, componentsUsed = _d === void 0 ? [] : _d, importMapper = _a.importMapper;
     var importedValues = getImportedValues({ theImport: theImport });
     var path = transformImportPath(theImport, target, preserveFileExtensions);
     var importValue = getImportValue(importedValues);
@@ -115,11 +115,14 @@ var renderImport = function (_a) {
             return "const ".concat(importValue, " = () => import('").concat(path, "')\n      .then(x => x.default)\n      .catch(err => { \n        console.error('Error while attempting to dynamically import component ").concat(importValue, " at ").concat(path, "', err);\n        throw err;\n      });");
         }
     }
+    if (importMapper) {
+        return importMapper(component, theImport, importedValues, componentsUsed);
+    }
     return importValue ? "import ".concat(importValue, " from '").concat(path, "';") : "import '".concat(path, "';");
 };
 exports.renderImport = renderImport;
 var renderImports = function (_a) {
-    var imports = _a.imports, target = _a.target, asyncComponentImports = _a.asyncComponentImports, excludeMitosisComponents = _a.excludeMitosisComponents, _b = _a.preserveFileExtensions, preserveFileExtensions = _b === void 0 ? false : _b;
+    var imports = _a.imports, target = _a.target, asyncComponentImports = _a.asyncComponentImports, excludeMitosisComponents = _a.excludeMitosisComponents, _b = _a.preserveFileExtensions, preserveFileExtensions = _b === void 0 ? false : _b, component = _a.component, componentsUsed = _a.componentsUsed, importMapper = _a.importMapper;
     return imports
         .filter(function (theImport) {
         if (
@@ -137,20 +140,31 @@ var renderImports = function (_a) {
         }
     })
         .map(function (theImport) {
-        return (0, exports.renderImport)({ theImport: theImport, target: target, asyncComponentImports: asyncComponentImports, preserveFileExtensions: preserveFileExtensions });
+        return (0, exports.renderImport)({
+            theImport: theImport,
+            target: target,
+            asyncComponentImports: asyncComponentImports,
+            preserveFileExtensions: preserveFileExtensions,
+            component: component,
+            componentsUsed: componentsUsed,
+            importMapper: importMapper,
+        });
     })
         .join('\n');
 };
 exports.renderImports = renderImports;
 var renderPreComponent = function (_a) {
     var _b;
-    var component = _a.component, target = _a.target, excludeMitosisComponents = _a.excludeMitosisComponents, _c = _a.asyncComponentImports, asyncComponentImports = _c === void 0 ? false : _c, _d = _a.preserveFileExtensions, preserveFileExtensions = _d === void 0 ? false : _d;
+    var component = _a.component, target = _a.target, excludeMitosisComponents = _a.excludeMitosisComponents, _c = _a.asyncComponentImports, asyncComponentImports = _c === void 0 ? false : _c, _d = _a.preserveFileExtensions, preserveFileExtensions = _d === void 0 ? false : _d, _e = _a.componentsUsed, componentsUsed = _e === void 0 ? [] : _e, importMapper = _a.importMapper;
     return "\n    ".concat((0, exports.renderImports)({
         imports: component.imports,
         target: target,
         asyncComponentImports: asyncComponentImports,
         excludeMitosisComponents: excludeMitosisComponents,
         preserveFileExtensions: preserveFileExtensions,
+        component: component,
+        componentsUsed: componentsUsed,
+        importMapper: importMapper,
     }), "\n    ").concat((0, exports.renderExportAndLocal)(component), "\n    ").concat(((_b = component.hooks.preComponent) === null || _b === void 0 ? void 0 : _b.code) || '', "\n  ");
 };
 exports.renderPreComponent = renderPreComponent;

package/dist/src/helpers/replace-identifiers.js

@@ -3,18 +3,28 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceIdentifiers = void 0;
 var core_1 = require("@babel/core");
 var babel_transform_1 = require("./babel-transform");
+var checkShouldReplaceIdentifier = function (path) {
+    // Identifier should not be an (optional) property access - like `foo` in `this.foo` or `this?.foo`
+    var isPropertyAccess = (core_1.types.isMemberExpression(path.parent) || core_1.types.isOptionalMemberExpression(path.parent)) &&
+        path.parent.property === path.node;
+    if (isPropertyAccess) {
+        return false;
+    }
+    // Identifier should not be a function name - like `foo` in `function foo() {}`
+    var isFunctionName = core_1.types.isFunctionDeclaration(path.parent) && path.parent.id === path.node;
+    if (isFunctionName) {
+        return false;
+    }
+    return true;
+};
 var replaceIdentifiers = function (_a) {
     var code = _a.code, from = _a.from, to = _a.to;
     return (0, babel_transform_1.babelTransformExpression)(code, {
         Identifier: function (path) {
-            if (
-            // This is not an (optional) property access - like `foo` in `this.foo` or `this?.foo`
-            !((core_1.types.isMemberExpression(path.parent) ||
-                core_1.types.isOptionalMemberExpression(path.parent)) &&
-                path.parent.property === path.node) &&
-                // This is no the function name - like `foo` in `function foo() {}`
-                !(core_1.types.isFunctionDeclaration(path.parent) && path.parent.id === path.node) &&
-                (Array.isArray(from) ? from.includes(path.node.name) : path.node.name === from)) {
+            var matchesFrom = Array.isArray(from)
+                ? from.includes(path.node.name)
+                : path.node.name === from;
+            if (checkShouldReplaceIdentifier(path) && matchesFrom) {
                 path.replaceWith(core_1.types.identifier(typeof to === 'string' ? to : to(path.node.name)));
             }
         },

package/dist/src/helpers/typescript.d.ts

@@ -1,5 +1,5 @@
 export declare type Overwrite<T, U> = Pick<T, Exclude<keyof T, keyof U>> & U;
-export declare type OmitObj<T, U> = U extends T ? Omit<T, keyof U> : never;
+export declare type OmitObj<T, U> = T extends U ? Omit<T, keyof U> : never;
 export declare type Dictionary<T> = {
     [key: string]: T;
 };

package/dist/src/parsers/angular.js

@@ -126,9 +126,10 @@ var parseTypescript = function (code, options) {
     for (var _i = 0, _a = ast.statements; _i < _a.length; _i++) {
         var statement = _a[_i];
         if (typescript_1.default.isClassDeclaration(statement)) {
-            if (statement.decorators) {
-                for (var _b = 0, _c = statement.decorators; _b < _c.length; _b++) {
-                    var decorator = _c[_b];
+            var decorators = typescript_1.default.canHaveDecorators(statement) ? typescript_1.default.getDecorators(statement) : undefined;
+            if (decorators) {
+                for (var _b = 0, decorators_1 = decorators; _b < decorators_1.length; _b++) {
+                    var decorator = decorators_1[_b];
                     // TODO: proper reference tracing
                     if (typescript_1.default.isCallExpression(decorator.expression))
                         if (typescript_1.default.isIdentifier(decorator.expression.expression) &&

package/dist/src/parsers/builder.d.ts

@@ -35,7 +35,7 @@ export declare const builderContentToMitosisComponent: (builderContent: BuilderC
         name: string;
         '@type': "@builder.io/mitosis/component";
         imports: import("..").MitosisImport[];
-        exports?: import("..").MitosisExport | undefined;
+        exports?: import("..").MitosisExports | undefined;
         meta: JSONObject & {
             useMetadata?: JSONObject | undefined;
         };
@@ -70,7 +70,7 @@ export declare const builderContentToMitosisComponent: (builderContent: BuilderC
     '@type': "@builder.io/mitosis/component";
     name: string;
     imports: import("..").MitosisImport[];
-    exports?: import("..").MitosisExport | undefined;
+    exports?: import("..").MitosisExports | undefined;
     meta: JSONObject & {
         useMetadata?: JSONObject | undefined;
     };

package/dist/src/parsers/jsx/ast.d.ts

@@ -1,3 +1,5 @@
 import * as babel from '@babel/core';
 import { JSONOrNode } from '../../types/json';
+declare const types: typeof babel.types;
 export declare const jsonToAst: (json: JSONOrNode) => babel.types.Expression;
+export {};

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

@@ -1,6 +1,8 @@
 import * as babel from '@babel/core';
 import { Context } from './types';
+declare const types: typeof babel.types;
 export declare const getPropsTypeRef: (node: babel.types.FunctionDeclaration, context: Context) => string | undefined;
 export declare const isTypeOrInterface: (node: babel.Node) => boolean;
 export declare const collectTypes: (node: babel.Node, context: Context) => void;
 export declare function handleTypeImports(path: babel.NodePath<babel.types.Program>, context: Context): void;
+export {};

package/dist/src/parsers/jsx/element-parser.d.ts

@@ -1,6 +1,8 @@
 import * as babel from '@babel/core';
 import { MitosisNode } from '../../types/mitosis-node';
+declare const types: typeof babel.types;
 /**
  * Parses a JSX element into a MitosisNode.
  */
-export declare const jsxElementToJson: (node: babel.types.JSXElement | babel.types.JSXExpressionContainer | babel.types.JSXFragment | babel.types.JSXSpreadChild | babel.types.JSXText) => MitosisNode | null;
+export declare const jsxElementToJson: (node: babel.types.JSXElement | babel.types.JSXText | babel.types.JSXFragment | babel.types.JSXExpressionContainer | babel.types.JSXSpreadChild) => MitosisNode | null;
+export {};

package/dist/src/parsers/jsx/exports.d.ts

@@ -1,3 +1,5 @@
 import * as babel from '@babel/core';
-import { MitosisExport } from '../../types/mitosis-component';
-export declare const generateExports: (path: babel.NodePath<babel.types.Program>) => MitosisExport;
+import { MitosisExports } from '../../types/mitosis-component';
+declare const types: typeof babel.types;
+export declare const generateExports: (path: babel.NodePath<babel.types.Program>) => MitosisExports;
+export {};

package/dist/src/parsers/jsx/function-parser.d.ts

@@ -2,9 +2,11 @@ import * as babel from '@babel/core';
 import { JSONOrNode } from '../../types/json';
 import { MitosisComponent } from '../../types/mitosis-component';
 import { Context } from './types';
+declare const types: typeof babel.types;
 export declare function generateUseStyleCode(expression: babel.types.CallExpression): string;
 export declare function parseDefaultPropsHook(component: MitosisComponent, expression: babel.types.CallExpression): void;
 /**
  * Parses function declarations within the Mitosis copmonent's body to JSON
  */
 export declare const componentFunctionToJson: (node: babel.types.FunctionDeclaration, context: Context) => JSONOrNode;
+export {};

package/dist/src/parsers/jsx/helpers.d.ts

@@ -1,5 +1,7 @@
 import * as babel from '@babel/core';
+declare const types: typeof babel.types;
 export declare const selfClosingTags: Set<string>;
 export declare const uncapitalize: (str: string) => string;
 export declare const parseCodeJson: (node: babel.types.Node) => any;
 export declare const isImportOrDefaultExport: (node: babel.Node) => boolean;
+export {};

package/dist/src/parsers/jsx/imports.d.ts

@@ -1,7 +1,9 @@
 import * as babel from '@babel/core';
 import { Context, ParseMitosisOptions } from './types';
+declare const types: typeof babel.types;
 export declare const handleImportDeclaration: ({ options, path, context, }: {
     options: Partial<ParseMitosisOptions>;
     path: babel.NodePath<babel.types.ImportDeclaration>;
     context: Context;
 }) => void;
+export {};

package/dist/src/parsers/jsx/metadata.d.ts

@@ -1,6 +1,7 @@
 import * as babel from '@babel/core';
 import { MitosisComponent } from '../../types/mitosis-component';
 import { ParseMitosisOptions } from './types';
+declare const types: typeof babel.types;
 export declare const METADATA_HOOK_NAME = "useMetadata";
 /**
  * Transform useMetadata({...}) onto the component JSON as
@@ -10,3 +11,4 @@ export declare const METADATA_HOOK_NAME = "useMetadata";
  * the returned nodes array
  */
 export declare const collectMetadata: (nodes: babel.types.Statement[], component: MitosisComponent, options: ParseMitosisOptions) => babel.types.Statement[];
+export {};

package/dist/src/parsers/jsx/state.d.ts

@@ -1,6 +1,7 @@
 import * as babel from '@babel/core';
 import { MitosisComponent } from '../../types/mitosis-component';
 import { JSONObject } from '../../types/json';
+declare const types: typeof babel.types;
 /**
  * Convert state identifiers from React hooks format to the state.* format Mitosis needs
  * e.g.
@@ -10,3 +11,4 @@ import { JSONObject } from '../../types/json';
 export declare function mapStateIdentifiers(json: MitosisComponent): void;
 export declare const parseStateObject: (object: babel.types.ObjectExpression) => JSONObject;
 export declare const parseStateObjectToMitosisState: (object: babel.types.ObjectExpression) => import("../../types/mitosis-component").MitosisState;
+export {};

package/dist/src/targets.d.ts

@@ -8,7 +8,7 @@ export declare const targets: {
     readonly react: import(".").TranspilerGenerator<import("./generators/react").ToReactOptions, string>;
     readonly reactNative: import(".").TranspilerGenerator<import("./generators/react-native").ToReactNativeOptions, string>;
     readonly solid: import(".").TranspilerGenerator<Partial<import("./generators/solid/types").ToSolidOptions>, string>;
-    readonly svelte: import(".").TranspilerGenerator<import("./generators/svelte").ToSvelteOptions, string>;
+    readonly svelte: import(".").TranspilerGenerator<import("./generators/svelte/types").ToSvelteOptions, string>;
     readonly swift: import(".").TranspilerGenerator<import(".").BaseTranspilerOptions, string>;
     readonly template: import(".").TranspilerGenerator<import("./generators/template").ToTemplateOptions, string>;
     readonly webcomponent: import(".").TranspilerGenerator<import("./generators/html").ToHtmlOptions, string>;

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

@@ -51,13 +51,14 @@ export declare type MitosisComponentInput = {
     name: string;
     defaultValue: any;
 };
-export declare type MitosisExport = {
-    [name: string]: {
-        code: string;
-        usedInLocal?: boolean;
-        isFunction?: boolean;
-    };
+export declare type MitosisExports = {
+    [name: string]: MitosisExport;
 };
+export interface MitosisExport {
+    code: string;
+    usedInLocal?: boolean;
+    isFunction?: boolean;
+}
 export declare type StateValueType = 'function' | 'getter' | 'method' | 'property';
 export declare type StateCode = _JSON;
 declare type CodeValue = {
@@ -74,7 +75,7 @@ export declare type MitosisComponent = {
     '@type': '@builder.io/mitosis/component';
     name: string;
     imports: MitosisImport[];
-    exports?: MitosisExport;
+    exports?: MitosisExports;
     meta: JSONObject & {
         useMetadata?: JSONObject;
     };