@builder.io/mitosis 0.3.9 → 0.3.11

package/dist/src/constants/method-literal-prefix.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/constants/method-literal-prefix.js

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

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

@@ -58,8 +58,8 @@ var symbol_processor_1 = require("../../symbols/symbol-processor");
 var mitosis_node_1 = require("../../types/mitosis-node");
 var function_1 = require("fp-ts/lib/function");
 var lodash_1 = require("lodash");
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var standalone_1 = require("prettier/standalone");
-var traverse_1 = __importDefault(require("traverse"));
 var is_children_1 = __importDefault(require("../../helpers/is-children"));
 var on_mount_1 = require("../helpers/on-mount");
 var helpers_2 = require("./helpers");
@@ -91,7 +91,7 @@ var mappers = {
     },
 };
 var preprocessCssAsJson = function (json) {
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         var _a, _b;
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if ((0, helpers_1.nodeHasCss)(item)) {
@@ -393,7 +393,7 @@ exports.blockToAngular = blockToAngular;
 var traverseToGetAllDynamicComponents = function (json, options, blockOptions) {
     var components = new Set();
     var dynamicTemplate = '';
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item) && item.name.includes('.') && item.name.split('.').length === 2) {
             var children = item.children
                 .map(function (child) { return (0, exports.blockToAngular)({ root: json, json: child, options: options, blockOptions: blockOptions }); })

package/dist/src/generators/builder.js

@@ -21,8 +21,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToBuilder = exports.blockToBuilder = void 0;
 var json5_1 = __importDefault(require("json5"));
 var lodash_1 = require("lodash");
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var standalone_1 = require("prettier/standalone");
-var traverse_1 = __importDefault(require("traverse"));
 var media_sizes_1 = require("../constants/media-sizes");
 var dedent_1 = require("../helpers/dedent");
 var fast_clone_1 = require("../helpers/fast-clone");
@@ -259,7 +259,7 @@ var componentToBuilder = function (options) {
                 component: subComponent,
             });
         }
-        (0, traverse_1.default)([result, subComponentMap]).forEach(function (el) {
+        (0, legacy_1.default)([result, subComponentMap]).forEach(function (el) {
             var _a;
             if ((0, builder_1.isBuilderElement)(el)) {
                 var value = subComponentMap[(_a = el.component) === null || _a === void 0 ? void 0 : _a.name];

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

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkIfIsClientComponent = void 0;
 var is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var checkIsNodeAMitosisComponent = function (node) {
     return node.name[0] === node.name[0].toUpperCase();
 };
@@ -26,7 +26,7 @@ var checkIfIsClientComponent = function (json) {
     if (Object.values(json.state).filter(function (s) { return (s === null || s === void 0 ? void 0 : s.type) === 'property'; }).length)
         return true;
     var foundEventListener = false;
-    (0, traverse_1.default)(json).forEach(function (node) {
+    (0, legacy_1.default)(json).forEach(function (node) {
         if ((0, is_mitosis_node_1.isMitosisNode)(node) && !checkIsNodeAMitosisComponent(node)) {
             if (Object.keys(node.bindings).filter(function (item) { return item.startsWith('on'); }).length) {
                 foundEventListener = true;

package/dist/src/generators/html.js

@@ -27,8 +27,8 @@ exports.componentToCustomElement = exports.componentToHtml = void 0;
 var core_1 = require("@babel/core");
 var function_1 = require("fp-ts/lib/function");
 var lodash_1 = require("lodash");
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var standalone_1 = require("prettier/standalone");
-var traverse_1 = __importDefault(require("traverse"));
 var html_tags_1 = require("../constants/html_tags");
 var babel_transform_1 = require("../helpers/babel-transform");
 var dash_case_1 = require("../helpers/dash-case");
@@ -96,7 +96,7 @@ var generateSetElementAttributeCode = function (key, tagName, useValue, options,
     ].join('\n');
 };
 var addUpdateAfterSet = function (json, options) {
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         var _a;
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             for (var key in item.bindings) {

package/dist/src/generators/qwik/helpers/add-prevent-default.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addPreventDefault = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var is_mitosis_node_1 = require("../../../helpers/is-mitosis-node");
 /**
  * Find event handlers that explicitly call .preventDefault() and
@@ -12,7 +12,7 @@ var is_mitosis_node_1 = require("../../../helpers/is-mitosis-node");
  * https://qwik.builder.io/tutorial/events/preventdefault
  */
 function addPreventDefault(json) {
-    (0, traverse_1.default)(json).forEach(function (node) {
+    (0, legacy_1.default)(json).forEach(function (node) {
         var _a;
         if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
             if (node.bindings) {

package/dist/src/generators/qwik/helpers/state.js

@@ -13,7 +13,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStateMethodsAndGetters = exports.getLexicalScopeVars = exports.emitStateMethodsAndRewriteBindings = exports.emitUseStore = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var babel_transform_1 = require("../../../helpers/babel-transform");
 var convert_method_to_function_1 = require("./convert-method-to-function");
 var stable_inject_1 = require("./stable-inject");
@@ -91,7 +91,7 @@ function getLexicalScopeVars(component) {
 exports.getLexicalScopeVars = getLexicalScopeVars;
 function rewriteCodeExpr(component, methodMap, lexicalArgs, replace) {
     if (replace === void 0) { replace = {}; }
-    (0, traverse_1.default)(component).forEach(function (item) {
+    (0, legacy_1.default)(component).forEach(function (item) {
         if (!checkIsObjectWithCodeBlock(item)) {
             return;
         }

package/dist/src/generators/react/generator.js

@@ -416,9 +416,9 @@ var _componentToReact = function (json, options, isSubComponent) {
         ? "<style>{`".concat(css, "`}</style>")
         : '', shouldInjectCustomStyles ? "<style>{`".concat(json.style, "`}</style>") : '', wrap ? (0, helpers_2.closeFrag)(options) : '');
     var shouldAddUseClientDirective = checkShouldAddUseClientDirective(json, options);
-    var str = (0, dedent_1.dedent)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n    ", "\n    ", "\n    ", "\n    ", "function ", "(", ") {\n    ", "\n  }", "\n\n    ", "\n\n    ", "\n\n    ", "\n    ", "\n\n  "], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n    ", "\n    ", "\n    ", "\n    ", "function ", "(", ") {\n    ", "\n  }", "\n\n    ", "\n\n    ", "\n\n    ", "\n    ", "\n\n  "])), shouldAddUseClientDirective ? "'use client';" : '', getDefaultImport(json, options), styledComponentsCode ? "import styled from 'styled-components';\n" : '', reactLibImports.size
+    var str = (0, dedent_1.dedent)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n    ", "\n    ", "\n    ", "\n    ", "function ", "(", ") {\n    ", "\n  }", "\n\n    ", "\n\n    ", "\n\n    ", "\n    ", "\n\n  "], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n    ", "\n    ", "\n    ", "\n    ", "function ", "(", ") {\n    ", "\n  }", "\n\n    ", "\n\n    ", "\n\n    ", "\n    ", "\n\n  "])), shouldAddUseClientDirective ? "'use client';" : '', getDefaultImport(json, options), styledComponentsCode ? "import styled from 'styled-components';\n" : '', reactLibImports.size
         ? "import { ".concat(Array.from(reactLibImports).join(', '), " } from '").concat(options.preact ? 'preact/hooks' : 'react', "'")
-        : '', componentHasStyles && options.stylesType === 'emotion' && options.format !== 'lite'
+        : '', options.stylesType === 'twrnc' ? "import tw from 'twrnc';\n" : '', componentHasStyles && options.stylesType === 'emotion' && options.format !== 'lite'
         ? "/** @jsx jsx */\n    import { jsx } from '@emotion/react'".trim()
         : '', !hasState
         ? ''

package/dist/src/generators/react/helpers.js

@@ -18,7 +18,7 @@ exports.processTagReferences = exports.wrapInFragment = exports.getFragment = ex
 var is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
 var strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
 var lodash_1 = require("lodash");
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var processBinding = function (str, options) {
     // fix web-component tag transform issue with dashes by not transforming it
     if (options.stateType !== 'useState') {
@@ -46,7 +46,7 @@ function getRefName(path) {
 }
 function processTagReferences(json, options) {
     var namesFound = new Set();
-    (0, traverse_1.default)(json).forEach(function (el) {
+    (0, legacy_1.default)(json).forEach(function (el) {
         var _a, _b;
         if (!(0, is_mitosis_node_1.isMitosisNode)(el)) {
             return;

package/dist/src/generators/react/state.js

@@ -21,7 +21,7 @@ var patterns_1 = require("../../helpers/patterns");
 var transform_state_setters_1 = require("../../helpers/transform-state-setters");
 var core_1 = require("@babel/core");
 var function_1 = require("fp-ts/lib/function");
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var helpers_1 = require("./helpers");
 /**
  * Removes all `this.` references.
@@ -81,7 +81,7 @@ var updateStateSetters = function (json, options) {
     if (options.stateType !== 'useState') {
         return;
     }
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             for (var key in item.bindings) {
                 var values = item.bindings[key];

package/dist/src/generators/react/types.d.ts

@@ -1,6 +1,6 @@
 import { BaseTranspilerOptions } from '../../types/transpiler';
 export interface ToReactOptions extends BaseTranspilerOptions {
-    stylesType: 'emotion' | 'styled-components' | 'styled-jsx' | 'react-native' | 'style-tag';
+    stylesType: 'emotion' | 'styled-components' | 'styled-jsx' | 'react-native' | 'style-tag' | 'twrnc' | 'native-wind';
     stateType: 'useState' | 'mobx' | 'valtio' | 'solid' | 'builder' | 'variables';
     format?: 'lite' | 'safe';
     type: 'dom' | 'native' | 'taro';

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

@@ -2,7 +2,7 @@ import { ClassStyleMap } from '../../helpers/styles/helpers';
 import { MitosisComponent } from '../../types/mitosis-component';
 import { BaseTranspilerOptions, TranspilerGenerator } from '../../types/transpiler';
 export interface ToReactNativeOptions extends BaseTranspilerOptions {
-    stylesType: 'emotion' | 'react-native';
+    stylesType: 'emotion' | 'react-native' | 'twrnc' | 'native-wind';
     stateType: 'useState' | 'mobx' | 'valtio' | 'solid' | 'builder';
 }
 export declare const collectReactNativeStyles: (json: MitosisComponent) => ClassStyleMap;

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

@@ -22,7 +22,7 @@ var is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
 var merge_options_1 = require("../../helpers/merge-options");
 var json5_1 = __importDefault(require("json5"));
 var lodash_1 = require("lodash");
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var html_tags_1 = require("../../constants/html_tags");
 var react_1 = require("../react");
 var sanitize_react_native_block_styles_1 = require("./sanitize-react-native-block-styles");
@@ -45,7 +45,7 @@ var collectReactNativeStyles = function (json) {
         var index = (componentIndexes[componentName] = (componentIndexes[componentName] || 0) + 1);
         return "".concat(componentName).concat(index);
     };
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         var _a, _b, _c;
         if (!(0, is_mitosis_node_1.isMitosisNode)(item)) {
             return;
@@ -103,12 +103,11 @@ exports.collectReactNativeStyles = collectReactNativeStyles;
 /**
  * Plugin that handles necessary transformations from React to React Native:
  * - Converts DOM tags to <View /> and <Text />
- * - Removes redundant `class`/`className` attributes
  */
 var PROCESS_REACT_NATIVE_PLUGIN = function () { return ({
     json: {
         pre: function (json) {
-            (0, traverse_1.default)(json).forEach(function (node) {
+            (0, legacy_1.default)(json).forEach(function (node) {
                 var _a, _b, _c, _d;
                 if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
                     // TODO: handle TextInput, Image, etc
@@ -130,6 +129,19 @@ var PROCESS_REACT_NATIVE_PLUGIN = function () { return ({
                         ((_d = (_c = (_b = node.bindings._text) === null || _b === void 0 ? void 0 : _b.code) === null || _c === void 0 ? void 0 : _c.trim()) === null || _d === void 0 ? void 0 : _d.length)) {
                         node.name = 'Text';
                     }
+                }
+            });
+        },
+    },
+}); };
+/**
+ * Removes React Native className and class properties from the JSON
+ */
+var REMOVE_REACT_NATIVE_CLASSES_PLUGIN = function () { return ({
+    json: {
+        pre: function (json) {
+            (0, legacy_1.default)(json).forEach(function (node) {
+                if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
                     if (node.properties.class) {
                         delete node.properties.class;
                     }
@@ -147,6 +159,79 @@ var PROCESS_REACT_NATIVE_PLUGIN = function () { return ({
         },
     },
 }); };
+/**
+ * Converts class and className properties to twrnc style syntax
+ */
+var TWRNC_STYLES_PLUGIN = function () { return ({
+    json: {
+        post: function (json) {
+            (0, legacy_1.default)(json).forEach(function (node) {
+                if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
+                    var combinedClasses = [
+                        node.properties.class,
+                        node.properties.className,
+                        node.bindings.class,
+                        node.bindings.className,
+                    ]
+                        .filter(Boolean)
+                        .join(' ');
+                    if (combinedClasses) {
+                        node.properties.style = "{tw`".concat(combinedClasses, "`}");
+                    }
+                    if (node.properties.class) {
+                        delete node.properties.class;
+                    }
+                    if (node.properties.className) {
+                        delete node.properties.className;
+                    }
+                    if (node.bindings.class) {
+                        delete node.bindings.class;
+                    }
+                    if (node.bindings.className) {
+                        delete node.bindings.className;
+                    }
+                }
+            });
+        },
+    },
+}); };
+/**
+ * Converts class and className properties to native-wind style syntax
+ * Note: We only support the "with babel" setup: https://www.nativewind.dev/guides/babel
+ */
+var NATIVE_WIND_STYLES_PLUGIN = function () { return ({
+    json: {
+        post: function (json) {
+            (0, legacy_1.default)(json).forEach(function (node) {
+                if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
+                    var combinedClasses = [
+                        node.properties.class,
+                        node.properties.className,
+                        node.bindings.class,
+                        node.bindings.className,
+                    ]
+                        .filter(Boolean)
+                        .join(' ');
+                    if (node.properties.class) {
+                        delete node.properties.class;
+                    }
+                    if (node.properties.className) {
+                        delete node.properties.className;
+                    }
+                    if (node.bindings.class) {
+                        delete node.bindings.class;
+                    }
+                    if (node.bindings.className) {
+                        delete node.bindings.className;
+                    }
+                    if (combinedClasses) {
+                        node.properties.className = combinedClasses;
+                    }
+                }
+            });
+        },
+    },
+}); };
 var DEFAULT_OPTIONS = {
     stateType: 'useState',
     stylesType: 'react-native',
@@ -158,6 +243,15 @@ var componentToReactNative = function (_options) {
         var component = _a.component, path = _a.path;
         var json = (0, fast_clone_1.fastClone)(component);
         var options = (0, merge_options_1.mergeOptions)(DEFAULT_OPTIONS, _options);
+        if (options.stylesType === 'twrnc') {
+            options.plugins.push(TWRNC_STYLES_PLUGIN);
+        }
+        else if (options.stylesType === 'native-wind') {
+            options.plugins.push(NATIVE_WIND_STYLES_PLUGIN);
+        }
+        else {
+            options.plugins.push(REMOVE_REACT_NATIVE_CLASSES_PLUGIN);
+        }
         return (0, react_1.componentToReact)(__assign(__assign({}, options), { type: 'native' }))({ component: json, path: path });
     };
 };

package/dist/src/generators/rsc.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToRsc = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var is_mitosis_node_1 = require("../helpers/is-mitosis-node");
 var merge_options_1 = require("../helpers/merge-options");
 var nullable_1 = require("../helpers/nullable");
@@ -37,7 +37,7 @@ var RSC_TRANSFORM_PLUGIN = function () { return ({
             json.refs = {};
             json.context.get = {};
             json.context.set = {};
-            (0, traverse_1.default)(json).forEach(function (node) {
+            (0, legacy_1.default)(json).forEach(function (node) {
                 if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
                     var isComponent = node.name.match(/[A-Z]/);
                     // if (isComponent) {

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

@@ -72,8 +72,8 @@ var helpers_1 = require("../../helpers/styles/helpers");
 var Array_1 = require("fp-ts/lib/Array");
 var S = __importStar(require("fp-ts/string"));
 var hash_sum_1 = __importDefault(require("hash-sum"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var standalone_1 = require("prettier/standalone");
-var traverse_1 = __importDefault(require("traverse"));
 var plugins_1 = require("../../modules/plugins");
 var context_1 = require("../helpers/context");
 var blocks_1 = require("./blocks");
@@ -82,7 +82,7 @@ var helpers_2 = require("./state/helpers");
 // Transform <foo.bar key={value} /> to <Dynamic compnent={foo.bar} key={value} />
 function processDynamicComponents(json, options) {
     var found = false;
-    (0, traverse_1.default)(json).forEach(function (node) {
+    (0, legacy_1.default)(json).forEach(function (node) {
         if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
             if (node.name.includes('.') && !node.name.endsWith('.Provider')) {
                 node.bindings.component = (0, bindings_1.createSingleBinding)({ code: node.name });
@@ -128,7 +128,7 @@ function addProviderComponents(json, options) {
 }
 var DEFAULT_OPTIONS = {
     state: 'signals',
-    stylesType: 'styled-components',
+    stylesType: 'style-tag',
 };
 var componentToSolid = function (passedOptions) {
     return function (_a) {
@@ -229,8 +229,7 @@ var componentToSolid = function (passedOptions) {
             .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
             .map(function (item) { return (0, blocks_1.blockToSolid)({ component: component, json: item, options: options }); })
             .join('\n'), options.stylesType === 'style-tag' && css && css.trim().length > 4
-            ? // We add the jsx attribute so prettier formats this nicely
-                "<style jsx>{`".concat(css, "`}</style>")
+            ? "<style>{`".concat(css, "`}</style>")
             : '', shouldInjectCustomStyles ? "<style>{`".concat(json.style, "`}</style>") : '', addWrapper ? '</>' : '', json.name);
         if (options.plugins) {
             str = (0, plugins_1.runPreCodePlugins)({ json: json, code: str, plugins: options.plugins });

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

@@ -58,13 +58,13 @@ var strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
 var collect_css_1 = require("../../helpers/styles/collect-css");
 var helpers_1 = require("../../helpers/styles/helpers");
 var function_1 = require("fp-ts/lib/function");
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var prettierPluginSvelte = __importStar(require("prettier-plugin-svelte"));
 var parser_babel_1 = __importDefault(require("prettier/parser-babel"));
 var parser_html_1 = __importDefault(require("prettier/parser-html"));
 var parser_postcss_1 = __importDefault(require("prettier/parser-postcss"));
 var parser_typescript_1 = __importDefault(require("prettier/parser-typescript"));
 var standalone_1 = require("prettier/standalone");
-var traverse_1 = __importDefault(require("traverse"));
 var plugins_1 = require("../../modules/plugins");
 var context_1 = require("../helpers/context");
 var functions_1 = require("../helpers/functions");
@@ -127,7 +127,7 @@ var useBindValue = function (json, options) {
             .replace(/;$/, '')
             .replace(/\s+/g, '');
     }
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             var _a = item.bindings, value = _a.value, onChange = _a.onChange;
             if (value && onChange) {

package/dist/src/generators/swift-ui.js

@@ -8,7 +8,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToSwift = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var dedent_1 = require("../helpers/dedent");
 var fast_clone_1 = require("../helpers/fast-clone");
 var filter_empty_text_nodes_1 = require("../helpers/filter-empty-text-nodes");
@@ -200,7 +200,7 @@ function componentHasDynamicData(json) {
         return true;
     }
     var found = false;
-    (0, traverse_1.default)(json).forEach(function (node) {
+    (0, legacy_1.default)(json).forEach(function (node) {
         if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
             if (Object.keys(node.bindings).filter(function (item) { return item !== 'css'; }).length) {
                 found = true;
@@ -213,7 +213,7 @@ function componentHasDynamicData(json) {
 function mapDataForSwiftCompatability(json) {
     var inputIndex = 0;
     json.meta.inputNames = json.meta.inputNames || [];
-    (0, traverse_1.default)(json).forEach(function (node) {
+    (0, legacy_1.default)(json).forEach(function (node) {
         var _a;
         if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
             if (node.name === 'input') {

package/dist/src/generators/taro.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToTaro = exports.TagMap = exports.collectTaroStyles = exports.DEFAULT_Component_SET = void 0;
 var json5_1 = __importDefault(require("json5"));
 var lodash_1 = require("lodash");
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var bindings_1 = require("../helpers/bindings");
 var fast_clone_1 = require("../helpers/fast-clone");
 var is_mitosis_node_1 = require("../helpers/is-mitosis-node");
@@ -68,7 +68,7 @@ exports.DEFAULT_Component_SET = new Set([
 var collectTaroStyles = function (json) {
     var styleMap = {};
     var componentIndexes = {};
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         var _a;
         if (!(0, is_mitosis_node_1.isMitosisNode)(item) || typeof ((_a = item.bindings.css) === null || _a === void 0 ? void 0 : _a.code) !== 'string') {
             return;
@@ -121,7 +121,7 @@ var PROCESS_TARO_PLUGIN = function () { return ({
         pre: function (json) {
             var TaroComponentsImports = { path: '@tarojs/components', imports: {} };
             json.imports.push(TaroComponentsImports);
-            (0, traverse_1.default)(json).forEach(function (node) {
+            (0, legacy_1.default)(json).forEach(function (node) {
                 var _a, _b, _c, _d;
                 if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
                     // TODO: More dom tags convert to  @tarojs/components

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

@@ -35,8 +35,8 @@ var strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
 var collect_css_1 = require("../../helpers/styles/collect-css");
 var function_1 = require("fp-ts/lib/function");
 var lodash_1 = require("lodash");
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var standalone_1 = require("prettier/standalone");
-var traverse_1 = __importDefault(require("traverse"));
 var plugins_1 = require("../../modules/plugins");
 var functions_1 = require("../helpers/functions");
 var blocks_1 = require("./blocks");
@@ -45,7 +45,7 @@ var helpers_1 = require("./helpers");
 var optionsApi_1 = require("./optionsApi");
 // Transform <foo.bar key="value" /> to <component :is="foo.bar" key="value" />
 function processDynamicComponents(json, _options) {
-    (0, traverse_1.default)(json).forEach(function (node) {
+    (0, legacy_1.default)(json).forEach(function (node) {
         if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
             if (node.name.includes('.')) {
                 node.bindings.is = (0, bindings_1.createSingleBinding)({ code: node.name });
@@ -55,7 +55,7 @@ function processDynamicComponents(json, _options) {
     });
 }
 function processForKeys(json, _options) {
-    (0, traverse_1.default)(json).forEach(function (node) {
+    (0, legacy_1.default)(json).forEach(function (node) {
         if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
             if (node.name === 'For') {
                 var firstChild = node.children[0];

package/dist/src/helpers/get-components-used.js

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getComponentsUsed = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var is_mitosis_node_1 = require("./is-mitosis-node");
 function getComponentsUsed(json) {
     var components = new Set();
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             components.add(item.name);
         }

package/dist/src/helpers/get-components.js

@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getComponents = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var is_mitosis_node_1 = require("./is-mitosis-node");
 var is_upper_case_1 = require("./is-upper-case");
 function getComponents(json) {
     var components = new Set();
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if ((0, is_upper_case_1.isUpperCase)(item.name[0])) {
                 components.add(item.name);

package/dist/src/helpers/get-prop-functions.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPropFunctions = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var propsRegex = /props\s*\.\s*([a-zA-Z0-9_\4]+)\(/;
 var allPropsMatchesRegex = new RegExp(propsRegex, 'g');
 /**
@@ -12,7 +12,7 @@ var allPropsMatchesRegex = new RegExp(propsRegex, 'g');
  */
 var getPropFunctions = function (json) {
     var props = [];
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         if (typeof item === 'string') {
             // TODO: proper babel ref matching
             var matches = item.match(allPropsMatchesRegex);

package/dist/src/helpers/get-props-ref.js

@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPropsRef = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var is_mitosis_node_1 = require("./is-mitosis-node");
 function getPropsRef(json, shouldRemove) {
     var has = false;
     var prop = '';
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             var binding = item.bindings.ref;
             var regexp = /(.+)?props\.(.+)( |\)|;|\()?$/;

package/dist/src/helpers/get-refs.js

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getRefs = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var is_mitosis_node_1 = require("./is-mitosis-node");
 var getRefs = function (json) {
     var refs = new Set();
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         var _a;
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if (typeof ((_a = item.bindings.ref) === null || _a === void 0 ? void 0 : _a.code) === 'string') {

package/dist/src/helpers/get-state-used.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStateUsed = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var stateAccessRegex = /state\s*\.\s*([a-zA-Z0-9_\$]+)/;
 var allStateMatchesRegex = new RegExp(stateAccessRegex, 'g');
 /**
@@ -12,7 +12,7 @@ var allStateMatchesRegex = new RegExp(stateAccessRegex, 'g');
  */
 var getStateUsed = function (json) {
     var stateProperties = new Set();
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         if (typeof item === 'string') {
             // TODO: proper babel ref matching
             var matches = item.match(allStateMatchesRegex);

package/dist/src/helpers/getters-to-functions.js

@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.gettersToFunctions = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 /**
  * Map getters like `useStore({ get foo() { ... }})` from `state.foo` to `foo()`
  */
 var gettersToFunctions = function (json) {
     var getterKeys = Object.keys(json.state).filter(function (item) { var _a; return ((_a = json.state[item]) === null || _a === void 0 ? void 0 : _a.type) === 'getter'; });
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         // TODO: not all strings are expressions!
         if (typeof item === 'string') {
             var value = item;

package/dist/src/helpers/has-bindings-text.js

@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hasBindingsText = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var is_children_1 = __importDefault(require("./is-children"));
 var is_mitosis_node_1 = require("./is-mitosis-node");
 var hasBindingsText = function (json) {
     var has = false;
-    (0, traverse_1.default)(json).forEach(function (node) {
+    (0, legacy_1.default)(json).forEach(function (node) {
         var _a;
         if ((0, is_mitosis_node_1.isMitosisNode)(node) && !(0, is_children_1.default)({ node: node }) && ((_a = node.bindings._text) === null || _a === void 0 ? void 0 : _a.code)) {
             has = true;

package/dist/src/helpers/has-component.js

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hasComponent = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var is_mitosis_node_1 = require("./is-mitosis-node");
 var hasComponent = function (name, json) {
     var has = false;
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if (item.name === name) {
                 has = true;

package/dist/src/helpers/has-props.js

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hasProps = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var hasProps = function (json) {
     var has = false;
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         // TODO: use proper reference tracking
         if (typeof item === 'string' && item.match(/(^|\W)props\s*\./)) {
             has = true;

package/dist/src/helpers/has-stateful-dom.js

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hasStatefulDom = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var is_mitosis_node_1 = require("./is-mitosis-node");
 var hasStatefulDom = function (json) {
     var has = false;
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if (/input|textarea|select/.test(item.name)) {
                 has = true;

package/dist/src/helpers/has.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.has = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var is_mitosis_node_1 = require("./is-mitosis-node");
 /**
  * Test if the component has something
@@ -14,7 +14,7 @@ var is_mitosis_node_1 = require("./is-mitosis-node");
  */
 function has(json, test) {
     var found = false;
-    (0, traverse_1.default)(json).forEach(function (thing) {
+    (0, legacy_1.default)(json).forEach(function (thing) {
         if ((0, is_mitosis_node_1.isMitosisNode)(thing)) {
             if (test(thing)) {
                 found = true;

package/dist/src/helpers/map-refs.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mapRefs = void 0;
 var core_1 = require("@babel/core");
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var babel_transform_1 = require("./babel-transform");
 var get_refs_1 = require("./get-refs");
 var is_mitosis_node_1 = require("./is-mitosis-node");
@@ -63,7 +63,7 @@ var mapRefs = function (component, mapper) {
             }
         }
     }
-    (0, traverse_1.default)(component).forEach(function (item) {
+    (0, legacy_1.default)(component).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             for (var _i = 0, _a = Object.keys(item.bindings); _i < _a.length; _i++) {
                 var key = _a[_i];

package/dist/src/helpers/strip-meta-properties.js

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stripMetaProperties = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var is_mitosis_node_1 = require("./is-mitosis-node");
 var stripMetaProperties = function (json) {
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             for (var property in item.properties) {
                 if (property.startsWith('$')) {

package/dist/src/helpers/styles/collect-css.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.collectCss = void 0;
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var object_hash_1 = __importDefault(require("object-hash"));
-var traverse_1 = __importDefault(require("traverse"));
 var dash_case_1 = require("../dash-case");
 var is_mitosis_node_1 = require("../is-mitosis-node");
 var helpers_1 = require("./helpers");
@@ -25,7 +25,7 @@ var collectStyles = function (json, options) {
     var styleMap = {};
     var componentIndexes = {};
     var componentHashes = {};
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         var _a;
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if ((0, helpers_1.nodeHasCss)(item)) {

package/dist/src/helpers/styles/collect-styled-components.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.collectStyledComponents = void 0;
 var lodash_1 = require("lodash");
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var object_hash_1 = __importDefault(require("object-hash"));
-var traverse_1 = __importDefault(require("traverse"));
 var capitalize_1 = require("../capitalize");
 var is_mitosis_node_1 = require("../is-mitosis-node");
 var is_upper_case_1 = require("../is-upper-case");
@@ -15,7 +15,7 @@ var collectStyledComponents = function (json) {
     var styledComponentsCode = '';
     var componentIndexes = {};
     var componentHashes = {};
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         var _a;
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if ((0, helpers_1.nodeHasCss)(item)) {

package/dist/src/helpers/styles/helpers.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.styleMapToCss = exports.parseCssObject = exports.getStylesOnly = exports.getNestedSelectors = exports.hasStyle = exports.hasCss = exports.nodeHasStyle = exports.nodeHasCss = void 0;
 var json5_1 = __importDefault(require("json5"));
 var lodash_1 = require("lodash");
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var dash_case_1 = require("../dash-case");
 var is_mitosis_node_1 = require("../is-mitosis-node");
 var is_upper_case_1 = require("../is-upper-case");
@@ -27,7 +27,7 @@ var hasCss = function (component) {
     if (hasStyles) {
         return true;
     }
-    (0, traverse_1.default)(component).forEach(function (item) {
+    (0, legacy_1.default)(component).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if ((0, exports.nodeHasCss)(item)) {
                 hasStyles = true;
@@ -40,7 +40,7 @@ var hasCss = function (component) {
 exports.hasCss = hasCss;
 var hasStyle = function (component) {
     var hasStyles = false;
-    (0, traverse_1.default)(component).forEach(function (item) {
+    (0, legacy_1.default)(component).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if ((0, exports.nodeHasStyle)(item)) {
                 hasStyles = true;

package/dist/src/helpers/traverse-nodes.d.ts

@@ -1,4 +1,4 @@
-import { TraverseContext } from 'traverse';
+import { type TraverseContext } from 'neotraverse/legacy';
 import { MitosisComponent } from '../types/mitosis-component';
 import { MitosisNode } from '../types/mitosis-node';
 export declare function traverseNodes(component: MitosisComponent | MitosisNode, cb: (node: MitosisNode, context: TraverseContext) => void): void;

package/dist/src/helpers/traverse-nodes.js

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.traverseNodes = void 0;
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var is_mitosis_node_1 = require("./is-mitosis-node");
 function traverseNodes(component, cb) {
-    (0, traverse_1.default)(component).forEach(function (item) {
+    (0, legacy_1.default)(component).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             cb(item, this);
         }

package/dist/src/parsers/builder/builder.js

@@ -52,7 +52,7 @@ var babel = __importStar(require("@babel/core"));
 var generator_1 = __importDefault(require("@babel/generator"));
 var json5_1 = __importDefault(require("json5"));
 var lodash_1 = require("lodash");
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var media_sizes_1 = require("../../constants/media-sizes");
 var bindings_1 = require("../../helpers/bindings");
 var capitalize_1 = require("../../helpers/capitalize");
@@ -728,7 +728,7 @@ function extractSymbols(json) {
     var _a, _b, _c, _d;
     var subComponents = [];
     var symbols = [];
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         var _a;
         if ((0, exports.isBuilderElement)(item)) {
             if (((_a = item.component) === null || _a === void 0 ? void 0 : _a.name) === 'Symbol') {
@@ -776,7 +776,7 @@ var builderContentPartToMitosisComponent = function (builderContent, options) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     if (options === void 0) { options = {}; }
     builderContent = (0, fast_clone_1.fastClone)(builderContent);
-    (0, traverse_1.default)(builderContent).forEach(function (elem) {
+    (0, legacy_1.default)(builderContent).forEach(function (elem) {
         var _a, _b;
         if ((0, exports.isBuilderElement)(elem)) {
             // Try adding self-closing tags to void elements, since Builder Text

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

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.extractContextComponents = void 0;
 var babel = __importStar(require("@babel/core"));
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var create_mitosis_node_1 = require("../../helpers/create-mitosis-node");
 var is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
 var trace_reference_to_module_path_1 = require("../../helpers/trace-reference-to-module-path");
@@ -42,7 +42,7 @@ var expressionToNode = function (str) {
  * MitosisComponent tree
  */
 function extractContextComponents(json) {
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         var _a, _b;
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             if (item.name.endsWith('.Provider')) {

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

@@ -40,7 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseStateObjectToMitosisState = exports.mapStateIdentifiers = void 0;
 var babel = __importStar(require("@babel/core"));
 var function_1 = require("fp-ts/lib/function");
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var babel_transform_1 = require("../../helpers/babel-transform");
 var capitalize_1 = require("../../helpers/capitalize");
 var is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
@@ -135,7 +135,7 @@ function mapStateIdentifiers(json) {
     var stateProperties = Object.keys(json.state);
     var plugin = (0, process_code_1.createCodeProcessorPlugin)(function () { return function (code) { return mapStateIdentifiersInExpression(code, stateProperties); }; });
     plugin(json);
-    (0, traverse_1.default)(json).forEach(function (item) {
+    (0, legacy_1.default)(json).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             consolidateClassBindings(item);
         }

package/dist/src/parsers/svelte/css/index.d.ts

@@ -1,3 +1,3 @@
-import { Ast } from 'svelte/types/compiler/interfaces';
+import { Ast } from '../../../../../node_modules/svelte/types/compiler/interfaces';
 import type { SveltosisComponent } from '../types';
 export declare const parseCss: (ast: Ast, json: SveltosisComponent) => void;

package/dist/src/parsers/svelte/helpers/children.d.ts

@@ -1,4 +1,4 @@
-import type { TemplateNode } from 'svelte/types/compiler/interfaces';
+import type { TemplateNode } from '../../../../../node_modules/svelte/types/compiler/interfaces';
 import type { MitosisNode } from '../../../types/mitosis-node';
 import type { SveltosisComponent } from '../types';
 export declare function filterChildren(children: TemplateNode[]): TemplateNode[];

package/dist/src/parsers/svelte/html/actions.d.ts

@@ -1,3 +1,3 @@
-import type { Element } from 'svelte/types/compiler/interfaces';
+import type { Element } from '../../../../../node_modules/svelte/types/compiler/interfaces';
 import type { SveltosisComponent } from '../types';
 export declare function parseAction(json: SveltosisComponent, nodeReference: string, attribute: Element['attributes'][number]): void;

package/dist/src/parsers/svelte/html/each.d.ts

@@ -1,4 +1,4 @@
-import type { TemplateNode } from 'svelte/types/compiler/interfaces';
+import type { TemplateNode } from '../../../../../node_modules/svelte/types/compiler/interfaces';
 import { MitosisNode } from '../../../types/mitosis-node';
 import type { SveltosisComponent } from '../types';
 export declare function parseEach(json: SveltosisComponent, node: TemplateNode): MitosisNode;

package/dist/src/parsers/svelte/html/element.d.ts

@@ -1,3 +1,3 @@
-import type { TemplateNode } from 'svelte/types/compiler/interfaces';
+import type { TemplateNode } from '../../../../../node_modules/svelte/types/compiler/interfaces';
 import type { SveltosisComponent } from '../types';
 export declare function parseElement(json: SveltosisComponent, node: TemplateNode): import("../../..").MitosisNode;

package/dist/src/parsers/svelte/html/fragment.d.ts

@@ -1,3 +1,3 @@
-import type { TemplateNode } from 'svelte/types/compiler/interfaces';
+import type { TemplateNode } from '../../../../../node_modules/svelte/types/compiler/interfaces';
 import type { SveltosisComponent } from '../types';
 export declare function parseFragment(json: SveltosisComponent, node: TemplateNode): import("../../..").MitosisNode;

package/dist/src/parsers/svelte/html/if-else.d.ts

@@ -1,3 +1,3 @@
-import type { TemplateNode } from 'svelte/types/compiler/interfaces';
+import type { TemplateNode } from '../../../../../node_modules/svelte/types/compiler/interfaces';
 import type { SveltosisComponent } from '../types';
 export declare function parseIfElse(json: SveltosisComponent, node: TemplateNode): import("../../..").MitosisNode;

package/dist/src/parsers/svelte/html/index.d.ts

@@ -1,5 +1,5 @@
 import type { MitosisNode } from '../../../types/mitosis-node';
-import type { Ast, TemplateNode } from 'svelte/types/compiler/interfaces';
+import type { Ast, TemplateNode } from '../../../../../node_modules/svelte/types/compiler/interfaces';
 import type { SveltosisComponent } from '../types';
 export declare function parseHtml(ast: Ast, json: SveltosisComponent): void;
 export declare function parseHtmlNode(json: SveltosisComponent, node: TemplateNode): MitosisNode | undefined;

package/dist/src/parsers/svelte/html/mustache-tag.d.ts

@@ -1,3 +1,3 @@
-import type { TemplateNode } from 'svelte/types/compiler/interfaces';
+import type { TemplateNode } from '../../../../../node_modules/svelte/types/compiler/interfaces';
 export declare function parseMustacheTag(node: TemplateNode): import("../../..").MitosisNode;
 export declare function parseRawMustacheTag(node: TemplateNode): import("../../..").MitosisNode;

package/dist/src/parsers/svelte/html/slot.d.ts

@@ -1,3 +1,3 @@
-import type { TemplateNode } from 'svelte/types/compiler/interfaces';
+import type { TemplateNode } from '../../../../../node_modules/svelte/types/compiler/interfaces';
 import type { SveltosisComponent } from '../types';
 export declare function parseSlot(json: SveltosisComponent, node: TemplateNode): import("../../..").MitosisNode;

package/dist/src/parsers/svelte/html/text.d.ts

@@ -1,4 +1,4 @@
-import type { TemplateNode } from 'svelte/types/compiler/interfaces';
+import type { TemplateNode } from '../../../../../node_modules/svelte/types/compiler/interfaces';
 export declare function parseText(node: TemplateNode): {
     name: string;
     properties: {

package/dist/src/parsers/svelte/instance/index.d.ts

@@ -1,3 +1,3 @@
-import type { Ast } from 'svelte/types/compiler/interfaces';
+import type { Ast } from '../../../../../node_modules/svelte/types/compiler/interfaces';
 import type { SveltosisComponent } from '../types';
 export declare function parseInstance(ast: Ast, json: SveltosisComponent): void;

package/dist/src/parsers/svelte/module/index.d.ts

@@ -1,3 +1,3 @@
-import type { Ast } from 'svelte/types/compiler/interfaces';
+import type { Ast } from '../../../../../node_modules/svelte/types/compiler/interfaces';
 import type { SveltosisComponent } from '../types';
 export declare function parseModule(ast: Ast, json: SveltosisComponent): void;

package/dist/src/plugins/compile-away-builder-components.d.ts

@@ -1,5 +1,5 @@
 import { type Plugin } from '..';
-import { TraverseContext } from 'traverse';
+import { TraverseContext } from 'neotraverse/legacy';
 import { MitosisComponent } from '../types/mitosis-component';
 import { MitosisNode } from '../types/mitosis-node';
 type CompileAwayComponentsMap = {

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

@@ -27,7 +27,7 @@ exports.compileAwayBuilderComponents = exports.compileAwayBuilderComponentsFromT
 var sdk_1 = require("@builder.io/sdk");
 var json5_1 = __importDefault(require("json5"));
 var lodash_1 = require("lodash");
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var bindings_1 = require("../helpers/bindings");
 var create_mitosis_node_1 = require("../helpers/create-mitosis-node");
 var filter_empty_text_nodes_1 = require("../helpers/filter-empty-text-nodes");
@@ -421,7 +421,7 @@ exports.components = {
     },
 };
 var compileAwayBuilderComponentsFromTree = function (tree, components) {
-    (0, traverse_1.default)(tree).forEach(function (item) {
+    (0, legacy_1.default)(tree).forEach(function (item) {
         if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
             var mapper = components[item.name];
             if (mapper) {

package/dist/src/plugins/compile-away-components.d.ts

@@ -1,4 +1,4 @@
-import { TraverseContext } from 'traverse';
+import { TraverseContext } from 'neotraverse/legacy';
 import { MitosisComponent } from '../types/mitosis-component';
 import { MitosisNode } from '../types/mitosis-node';
 export declare const getRenderOptions: (node: MitosisNode) => {

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

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.compileAwayComponents = exports.getRenderOptions = void 0;
 var lodash_1 = require("lodash");
-var traverse_1 = __importDefault(require("traverse"));
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var is_mitosis_node_1 = require("../helpers/is-mitosis-node");
 var getRenderOptions = function (node) {
     return __assign(__assign({}, (0, lodash_1.mapValues)(node.properties, function (value) { return "\"".concat(value, "\""); })), (0, lodash_1.mapValues)(node.bindings, function (value) { return "{".concat(value, "}"); }));
@@ -41,7 +41,7 @@ exports.getRenderOptions = getRenderOptions;
 var compileAwayComponents = function (pluginOptions) { return function (options) { return ({
     json: {
         pre: function (json) {
-            (0, traverse_1.default)(json).forEach(function (item) {
+            (0, legacy_1.default)(json).forEach(function (item) {
                 if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
                     var mapper = pluginOptions.components[item.name];
                     if (mapper) {

package/dist/src/plugins/map-styles.d.ts

@@ -1,4 +1,4 @@
-import { TraverseContext } from 'traverse';
+import { TraverseContext } from 'neotraverse/legacy';
 import { MitosisComponent } from '../types/mitosis-component';
 import { MitosisStyles } from '../types/mitosis-styles';
 type MapStylesOptions = {

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

@@ -14,9 +14,12 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hashCode = exports.hashCodeAsString = exports.getJsxSymbolComponentName = exports.convertBuilderElementToMitosisComponent = exports.convertBuilderContentToSymbolHierarchy = exports.ensureAllSymbolsHaveIds = void 0;
-var traverse_1 = require("traverse");
+var legacy_1 = __importDefault(require("neotraverse/legacy"));
 var minify_1 = require("../generators/minify");
 var builder_1 = require("../parsers/builder");
 /**
@@ -26,7 +29,7 @@ var builder_1 = require("../parsers/builder");
 function ensureAllSymbolsHaveIds(content) {
     var counter = 0;
     var ids = new Set();
-    (0, traverse_1.forEach)(content, function (el) {
+    (0, legacy_1.default)(content).forEach(function (el) {
         var _a, _b, _c;
         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.
@@ -73,7 +76,7 @@ function convertBuilderContentToSymbolHierarchy(content, _a) {
         },
         _b[content.id] = [],
         _b);
-    (0, traverse_1.forEach)(content, function (el) {
+    (0, legacy_1.default)(content).forEach(function (el) {
         var _a, _b, _c;
         var cssCode = el === null || el === void 0 ? void 0 : el.cssCode;
         if (cssCode) {

package/package.json

@@ -22,7 +22,7 @@
     "name": "Builder.io",
     "url": "https://www.builder.io"
   },
-  "version": "0.3.9",
+  "version": "0.3.11",
   "homepage": "https://github.com/BuilderIO/mitosis",
   "main": "./dist/src/index.js",
   "exports": {
@@ -62,19 +62,19 @@
     "@babel/plugin-transform-react-jsx": "^7.13.12",
     "@babel/preset-typescript": "^7.13.0",
     "@builder.io/sdk": "^2.1.1",
-    "astring": "^1.8.3",
+    "astring": "^1.8.6",
     "csstype": "^3.0.4",
     "fp-ts": "^2.11.10",
     "hash-sum": "^2.0.0",
     "json5": "^2.1.3",
     "lodash": "^4.17.20",
+    "neotraverse": "^0.6.11",
     "object-hash": "^2.0.3",
     "prettier": ">=2.0.0 <3.0.0",
     "prettier-plugin-organize-imports": "^3.2.3",
     "prettier-plugin-svelte": "^2.10.0",
     "svelte": "^3.30.0",
     "svelte-preprocess": "^5.0.3",
-    "traverse": "^0.6.6",
     "ts-morph": "^19.0.0",
     "typescript": "^5.3.2"
   },
@@ -94,7 +94,6 @@
     "@types/object-hash": "^1.3.4",
     "@types/prettier": "^2.1.5",
     "@types/rollup__plugin-virtual": "^2.0.1",
-    "@types/traverse": "^0.6.32",
     "concurrently": "^8.2.2",
     "fs-extra-promise": "^1.0.1",
     "nx": "^19.0.8",