@builder.io/mitosis 0.0.93 → 0.0.95

package/dist/src/helpers/plugins/process-code.js

@@ -4,9 +4,9 @@ exports.CODE_PROCESSOR_PLUGIN = void 0;
 var nullable_1 = require("../nullable");
 var traverse_nodes_1 = require("../traverse-nodes");
 /**
- * Process code in bindings and properties of a node
+ * Process code in each node.
  */
-var preProcessBlockCode = function (_a) {
+var preProcessNodeCode = function (_a) {
     // const propertiesProcessor = codeProcessor('properties');
     // for (const key in json.properties) {
     //   const value = json.properties[key];
@@ -14,12 +14,12 @@ var preProcessBlockCode = function (_a) {
     //     json.properties[key] = propertiesProcessor(value);
     //   }
     // }
-    var json = _a.json, codeProcessor = _a.codeProcessor;
-    var bindingsProcessor = codeProcessor('bindings');
+    var json = _a.json, codeProcessor = _a.codeProcessor, parentComponent = _a.parentComponent;
+    var bindingsProcessor = codeProcessor('bindings', parentComponent);
     for (var key in json.bindings) {
         var value = json.bindings[key];
         if (value === null || value === void 0 ? void 0 : value.code) {
-            value.code = bindingsProcessor(value.code);
+            value.code = bindingsProcessor(value.code, key);
         }
     }
 };
@@ -31,9 +31,9 @@ var CODE_PROCESSOR_PLUGIN = function (codeProcessor) {
         json: {
             post: function (json) {
                 function processHook(key, hook) {
-                    hook.code = codeProcessor('hooks')(hook.code, key);
+                    hook.code = codeProcessor('hooks', json)(hook.code, key);
                     if (hook.deps) {
-                        hook.deps = codeProcessor('hooks-deps')(hook.deps);
+                        hook.deps = codeProcessor('hooks-deps', json)(hook.deps, key);
                     }
                 }
                 /**
@@ -57,11 +57,11 @@ var CODE_PROCESSOR_PLUGIN = function (codeProcessor) {
                 for (var key in json.state) {
                     var state = json.state[key];
                     if (state) {
-                        state.code = codeProcessor('state')(state.code);
+                        state.code = codeProcessor('state', json)(state.code, key);
                     }
                 }
                 (0, traverse_nodes_1.traverseNodes)(json, function (node) {
-                    preProcessBlockCode({ json: node, codeProcessor: codeProcessor });
+                    preProcessNodeCode({ json: node, codeProcessor: codeProcessor, parentComponent: json });
                 });
             },
         },

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

@@ -42,6 +42,7 @@ var getFileExtensionForTarget = function (target) {
         // these `.lite` extensions are handled in the `transpile` step of the CLI.
         // TO-DO: consolidate file-extension renaming to this file, and remove `.lite` replaces from the CLI `transpile`. (outdated) ?
         // Bit team wanted to make sure React and Angular behaved the same in regards to imports - ALU 10/05/22
+        case 'qwik':
         default:
             return '.lite';
     }

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

@@ -3,6 +3,6 @@ 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;
+import { NodePath as BabelTraverseNodePath } from '@babel/traverse';
+export declare const collectTypes: (path: BabelTraverseNodePath<babel.types.TSTypeAliasDeclaration> | BabelTraverseNodePath<babel.types.ExportNamedDeclaration> | BabelTraverseNodePath<babel.types.TSInterfaceDeclaration> | BabelTraverseNodePath<babel.types.TSTypeAliasDeclaration>, context: Context) => void;
 export {};

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

@@ -35,7 +35,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleTypeImports = exports.collectTypes = exports.isTypeOrInterface = exports.getPropsTypeRef = void 0;
+exports.collectTypes = exports.isTypeOrInterface = exports.getPropsTypeRef = void 0;
 var babel = __importStar(require("@babel/core"));
 var generator_1 = __importDefault(require("@babel/generator"));
 var types = babel.types;
@@ -78,24 +78,15 @@ var isTypeOrInterface = function (node) {
         (types.isExportNamedDeclaration(node) && types.isTSInterfaceDeclaration(node.declaration));
 };
 exports.isTypeOrInterface = isTypeOrInterface;
-var collectTypes = function (node, context) {
+var getTypesFromNode = function (node, context) {
     var typeStr = (0, generator_1.default)(node).code;
     var _a = context.builder.component.types, types = _a === void 0 ? [] : _a;
     types.push(typeStr);
     context.builder.component.types = types.filter(Boolean);
 };
+var collectTypes = function (path, context) {
+    var node = path.node;
+    getTypesFromNode(node, context);
+    path.remove();
+};
 exports.collectTypes = collectTypes;
-function handleTypeImports(path, context) {
-    for (var _i = 0, _a = path.node.body; _i < _a.length; _i++) {
-        var statement = _a[_i];
-        if (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, exports.collectTypes)(statement, context);
-        }
-    }
-}
-exports.handleTypeImports = handleTypeImports;

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

@@ -1,3 +1,3 @@
-export * from './jsx';
+export { parseJsx } from './jsx';
 export { selfClosingTags } from './helpers';
 export { METADATA_HOOK_NAME } from './hooks';

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

@@ -1,21 +1,8 @@
 "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.METADATA_HOOK_NAME = exports.selfClosingTags = void 0;
-__exportStar(require("./jsx"), exports);
+exports.METADATA_HOOK_NAME = exports.selfClosingTags = exports.parseJsx = void 0;
+var jsx_1 = require("./jsx");
+Object.defineProperty(exports, "parseJsx", { enumerable: true, get: function () { return jsx_1.parseJsx; } });
 var helpers_1 = require("./helpers");
 Object.defineProperty(exports, "selfClosingTags", { enumerable: true, get: function () { return helpers_1.selfClosingTags; } });
 var hooks_1 = require("./hooks");

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

@@ -55,9 +55,10 @@ var function_1 = require("fp-ts/lib/function");
 var imports_1 = require("./imports");
 var element_parser_1 = require("./element-parser");
 var function_parser_1 = require("./function-parser");
-var jsxPlugin = require('@babel/plugin-syntax-jsx');
-var tsPreset = require('@babel/preset-typescript');
+var preset_typescript_1 = __importDefault(require("@babel/preset-typescript"));
+var plugin_syntax_typescript_1 = __importDefault(require("@babel/plugin-syntax-typescript"));
 var types = babel.types;
+var typescriptBabelPreset = [preset_typescript_1.default, { isTSX: true, allExtensions: true }];
 var beforeParse = function (path) {
     path.traverse({
         FunctionDeclaration: function (path) {
@@ -73,29 +74,24 @@ var beforeParse = function (path) {
  * @returns A JSON representation of the Mitosis component
  */
 function parseJsx(jsx, _options) {
+    var _a;
     if (_options === void 0) { _options = {}; }
     var subComponentFunctions = [];
     var options = __assign({ typescript: false }, _options);
-    var output = babel.transform(jsx, {
+    var jsxToUse = options.typescript
+        ? jsx
+        : // strip typescript types by running through babel's TS preset.
+            (_a = babel.transform(jsx, {
+                configFile: false,
+                babelrc: false,
+                presets: [typescriptBabelPreset],
+            })) === null || _a === void 0 ? void 0 : _a.code;
+    var output = babel.transform(jsxToUse, {
         configFile: false,
         babelrc: false,
         comments: false,
-        presets: [
-            [
-                tsPreset,
-                {
-                    isTSX: true,
-                    allExtensions: true,
-                    // If left to its default `false`, then this will strip away:
-                    // - unused JS imports
-                    // - types imports within regular JS import syntax
-                    // When outputting to TS, we must set it to `true` to preserve these imports.
-                    onlyRemoveTypeImports: options.typescript,
-                },
-            ],
-        ],
         plugins: [
-            jsxPlugin,
+            [plugin_syntax_typescript_1.default, { isTSX: true }],
             function () { return ({
                 visitor: {
                     JSXExpressionContainer: function (path, context) {
@@ -112,7 +108,6 @@ function parseJsx(jsx, _options) {
                             component: (0, create_mitosis_component_1.createMitosisComponent)(),
                         };
                         var keepStatements = path.node.body.filter(function (statement) { return (0, helpers_1.isImportOrDefaultExport)(statement) || (0, component_types_1.isTypeOrInterface)(statement); });
-                        (0, component_types_1.handleTypeImports)(path, context);
                         context.builder.component.exports = (0, exports_1.generateExports)(path);
                         subComponentFunctions = path.node.body
                             .filter(function (node) {
@@ -149,14 +144,14 @@ function parseJsx(jsx, _options) {
                         var node = path.node;
                         if (babel.types.isTSInterfaceDeclaration(node.declaration) ||
                             babel.types.isTSTypeAliasDeclaration(node.declaration)) {
-                            (0, component_types_1.collectTypes)(path.node, context);
+                            (0, component_types_1.collectTypes)(path, context);
                         }
                     },
                     TSTypeAliasDeclaration: function (path, context) {
-                        (0, component_types_1.collectTypes)(path.node, context);
+                        (0, component_types_1.collectTypes)(path, context);
                     },
                     TSInterfaceDeclaration: function (path, context) {
-                        (0, component_types_1.collectTypes)(path.node, context);
+                        (0, component_types_1.collectTypes)(path, context);
                     },
                 },
             }); },