@builder.io/mitosis 0.0.125 → 0.0.127

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

@@ -12,9 +12,6 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToAlpine = exports.isValidAlpineBinding = exports.checkIsComponentNode = void 0;
-var lodash_1 = require("lodash");
-var standalone_1 = require("prettier/standalone");
-var html_tags_1 = require("../../constants/html_tags");
 var babel_transform_1 = require("../../helpers/babel-transform");
 var dash_case_1 = require("../../helpers/dash-case");
 var fast_clone_1 = require("../../helpers/fast-clone");
@@ -26,8 +23,11 @@ var replace_identifiers_1 = require("../../helpers/replace-identifiers");
 var strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
 var strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
 var collect_css_1 = require("../../helpers/styles/collect-css");
-var plugins_1 = require("../../modules/plugins");
 var mitosis_node_1 = require("../../types/mitosis-node");
+var lodash_1 = require("lodash");
+var standalone_1 = require("prettier/standalone");
+var html_tags_1 = require("../../constants/html_tags");
+var plugins_1 = require("../../modules/plugins");
 var render_mount_hook_1 = require("./render-mount-hook");
 var render_update_hooks_1 = require("./render-update-hooks");
 var checkIsComponentNode = function (node) {

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contextToReact = void 0;
-var standalone_1 = require("prettier/standalone");
 var get_state_object_string_1 = require("../../helpers/get-state-object-string");
+var standalone_1 = require("prettier/standalone");
 var contextToReact = function (options) {
     if (options === void 0) { options = { typescript: false, preact: false }; }
     return function (_a) {

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contextToRsc = void 0;
-var standalone_1 = require("prettier/standalone");
 var get_state_object_string_1 = require("../../helpers/get-state-object-string");
+var standalone_1 = require("prettier/standalone");
 /**
  * React Server Components currently do not support context, so we use
  * plain objects and prop drilling instead.

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contextToSolid = void 0;
-var standalone_1 = require("prettier/standalone");
 var get_state_object_string_1 = require("../../helpers/get-state-object-string");
+var standalone_1 = require("prettier/standalone");
 var contextToSolid = function (options) {
     if (options === void 0) { options = {}; }
     return function (_a) {

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contextToSvelte = void 0;
-var standalone_1 = require("prettier/standalone");
 var get_state_object_string_1 = require("../../helpers/get-state-object-string");
+var standalone_1 = require("prettier/standalone");
 /**
  * TO-DO: support types
  */

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

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkIfIsClientComponent = void 0;
-var traverse_1 = __importDefault(require("traverse"));
 var is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
+var traverse_1 = __importDefault(require("traverse"));
 var checkIsNodeAMitosisComponent = function (node) {
     return node.name[0] === node.name[0].toUpperCase();
 };

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

@@ -5,9 +5,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToLit = void 0;
-var lodash_1 = require("lodash");
-var standalone_1 = require("prettier/standalone");
-var html_tags_1 = require("../../constants/html_tags");
 var dash_case_1 = require("../../helpers/dash-case");
 var dedent_1 = require("../../helpers/dedent");
 var fast_clone_1 = require("../../helpers/fast-clone");
@@ -24,8 +21,11 @@ var render_imports_1 = require("../../helpers/render-imports");
 var strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
 var strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
 var collect_css_1 = require("../../helpers/styles/collect-css");
-var plugins_1 = require("../../modules/plugins");
 var mitosis_node_1 = require("../../types/mitosis-node");
+var lodash_1 = require("lodash");
+var standalone_1 = require("prettier/standalone");
+var html_tags_1 = require("../../constants/html_tags");
+var plugins_1 = require("../../modules/plugins");
 var on_mount_1 = require("../helpers/on-mount");
 var collect_class_string_1 = require("./collect-class-string");
 var getCustomTagName = function (name, options) {

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

@@ -19,10 +19,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.markoFormatHtml = exports.postprocessHtml = exports.preprocessHtml = exports.componentToMarko = void 0;
-var hash_sum_1 = __importDefault(require("hash-sum"));
-var lodash_1 = require("lodash");
-var standalone_1 = require("prettier/standalone");
-var html_tags_1 = require("../../constants/html_tags");
 var dash_case_1 = require("../../helpers/dash-case");
 var dedent_1 = require("../../helpers/dedent");
 var fast_clone_1 = require("../../helpers/fast-clone");
@@ -38,8 +34,12 @@ var render_imports_1 = require("../../helpers/render-imports");
 var strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
 var strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
 var collect_css_1 = require("../../helpers/styles/collect-css");
-var plugins_1 = require("../../modules/plugins");
 var mitosis_node_1 = require("../../types/mitosis-node");
+var hash_sum_1 = __importDefault(require("hash-sum"));
+var lodash_1 = require("lodash");
+var standalone_1 = require("prettier/standalone");
+var html_tags_1 = require("../../constants/html_tags");
+var plugins_1 = require("../../modules/plugins");
 var on_mount_1 = require("../helpers/on-mount");
 // Having issues with this, so off for now
 var USE_MARKO_PRETTIER = false;

package/dist/src/generators/mitosis.js

@@ -160,7 +160,7 @@ var componentToMitosis = function (toMitosisOptions) {
         // TODO: smart only pull in imports as needed
         var str = (0, dedent_1.dedent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n\n    ", "\n\n    ", "\n\n    export default function ", "(props) {\n      ", "\n      ", "\n\n      ", "\n\n      ", "\n\n      return (", "\n        ", "\n        ", ")\n    }\n\n  "], ["\n    ", "\n    ", "\n    ", "\n\n    ", "\n\n    ", "\n\n    export default function ", "(props) {\n      ", "\n      ", "\n\n      ", "\n\n      ", "\n\n      return (", "\n        ", "\n        ", ")\n    }\n\n  "])), !needsMitosisCoreImport
             ? ''
-            : "import { ".concat(!hasState ? '' : 'useStore, ', " ").concat(!refs.length ? '' : 'useRef, ', " ").concat(mitosisComponents.join(', '), " } from '@builder.io/mitosis';"), !otherComponents.length ? '' : "import { ".concat(otherComponents.join(','), " } from '@components';"), json.types ? json.types.join('\n') : '', (0, render_imports_1.renderPreComponent)({ component: json, target: 'mitosis' }), stringifiedUseMetadata && stringifiedUseMetadata !== '{}'
+            : "import { ".concat(!hasState ? '' : 'useStore, ', " ").concat(!refs.length ? '' : 'useRef, ', " ").concat(mitosisComponents.join(', '), " } from '..';"), !otherComponents.length ? '' : "import { ".concat(otherComponents.join(','), " } from '@components';"), json.types ? json.types.join('\n') : '', (0, render_imports_1.renderPreComponent)({ component: json, target: 'mitosis' }), stringifiedUseMetadata && stringifiedUseMetadata !== '{}'
             ? "".concat(hooks_1.HOOKS.METADATA, "(").concat(stringifiedUseMetadata, ")")
             : '', component.name, !hasState ? '' : "const state = useStore(".concat((0, get_state_object_string_1.getStateObjectStringFromComponent)(json), ");"), getRefsString(json, refs), json.hooks.onMount.map(function (hook) { return "onMount(() => { ".concat(hook.code, " })"); }), !((_b = json.hooks.onUnMount) === null || _b === void 0 ? void 0 : _b.code) ? '' : "onUnMount(() => { ".concat(json.hooks.onUnMount.code, " })"), addWrapper ? '<>' : '', json.children.map(function (item) { return (0, exports.blockToMitosis)(item, options, component); }).join('\n'), addWrapper ? '</>' : '');
         if (options.prettier !== false) {

package/dist/src/generators/qwik/component-generator.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToQwik = void 0;
-var standalone_1 = require("prettier/standalone");
 var babel_transform_1 = require("../../helpers/babel-transform");
 var fast_clone_1 = require("../../helpers/fast-clone");
 var merge_options_1 = require("../../helpers/merge-options");
@@ -11,6 +10,7 @@ var render_imports_1 = require("../../helpers/render-imports");
 var replace_identifiers_1 = require("../../helpers/replace-identifiers");
 var state_1 = require("../../helpers/state");
 var collect_css_1 = require("../../helpers/styles/collect-css");
+var standalone_1 = require("prettier/standalone");
 var plugins_1 = require("../../modules/plugins");
 var add_prevent_default_1 = require("./helpers/add-prevent-default");
 var stable_inject_1 = require("./helpers/stable-inject");

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

@@ -15,8 +15,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.blockToReact = void 0;
-var lodash_1 = require("lodash");
-var html_tags_1 = require("../../constants/html_tags");
 var filter_empty_text_nodes_1 = require("../../helpers/filter-empty-text-nodes");
 var is_children_1 = __importDefault(require("../../helpers/is-children"));
 var is_root_text_node_1 = require("../../helpers/is-root-text-node");
@@ -24,6 +22,8 @@ var is_valid_attribute_name_1 = require("../../helpers/is-valid-attribute-name")
 var for_1 = require("../../helpers/nodes/for");
 var slots_1 = require("../../helpers/slots");
 var mitosis_node_1 = require("../../types/mitosis-node");
+var lodash_1 = require("lodash");
+var html_tags_1 = require("../../constants/html_tags");
 var helpers_1 = require("./helpers");
 var state_1 = require("./state");
 var NODE_MAPPERS = {

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

@@ -28,10 +28,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToReact = exports.componentToPreact = exports.contextPropDrillingKey = void 0;
-var core_1 = require("@babel/core");
-var hash_sum_1 = __importDefault(require("hash-sum"));
-var json5_1 = __importDefault(require("json5"));
-var standalone_1 = require("prettier/standalone");
 var bindings_1 = require("../../helpers/bindings");
 var create_mitosis_node_1 = require("../../helpers/create-mitosis-node");
 var dedent_1 = require("../../helpers/dedent");
@@ -44,6 +40,7 @@ var handle_missing_state_1 = require("../../helpers/handle-missing-state");
 var is_root_text_node_1 = require("../../helpers/is-root-text-node");
 var map_refs_1 = require("../../helpers/map-refs");
 var merge_options_1 = require("../../helpers/merge-options");
+var nullable_1 = require("../../helpers/nullable");
 var on_event_1 = require("../../helpers/on-event");
 var process_code_1 = require("../../helpers/plugins/process-code");
 var process_http_requests_1 = require("../../helpers/process-http-requests");
@@ -55,6 +52,10 @@ var strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
 var collect_css_1 = require("../../helpers/styles/collect-css");
 var collect_styled_components_1 = require("../../helpers/styles/collect-styled-components");
 var helpers_1 = require("../../helpers/styles/helpers");
+var core_1 = require("@babel/core");
+var hash_sum_1 = __importDefault(require("hash-sum"));
+var json5_1 = __importDefault(require("json5"));
+var standalone_1 = require("prettier/standalone");
 var plugins_1 = require("../../modules/plugins");
 var context_1 = require("../helpers/context");
 var rsc_1 = require("../helpers/rsc");
@@ -262,8 +263,23 @@ var getPropsDefinition = function (_a) {
         .join(',');
     return "".concat(json.name, ".defaultProps = {").concat(defaultPropsString, "};");
 };
+var checkShouldAddUseClientDirective = function (json, options) {
+    var _a, _b;
+    if (!options.addUseClientDirectiveIfNeeded)
+        return false;
+    if (options.type === 'native')
+        return false;
+    if (options.preact)
+        return false;
+    // When using RSC generator, we check `componentType` field in metadata to determine if it's a server component
+    var componentType = (_b = (_a = json.meta.useMetadata) === null || _a === void 0 ? void 0 : _a.rsc) === null || _b === void 0 ? void 0 : _b.componentType;
+    if (options.rsc && (0, nullable_1.checkIsDefined)(componentType)) {
+        return componentType === 'client';
+    }
+    return (0, rsc_1.checkIfIsClientComponent)(json);
+};
 var _componentToReact = function (json, options, isSubComponent) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     if (isSubComponent === void 0) { isSubComponent = false; }
     (0, process_http_requests_1.processHttpRequests)(json);
     (0, handle_missing_state_1.handleMissingState)(json);
@@ -282,7 +298,7 @@ var _componentToReact = function (json, options, isSubComponent) {
     (0, map_refs_1.mapRefs)(json, function (refName) { return "".concat(refName, ".current"); });
     // Always use state if we are generate Builder react code
     var hasState = options.stateType === 'builder' || (0, state_1.checkHasState)(json);
-    var _p = (0, get_props_ref_1.getPropsRef)(json), forwardRef = _p[0], hasPropRef = _p[1];
+    var _m = (0, get_props_ref_1.getPropsRef)(json), forwardRef = _m[0], hasPropRef = _m[1];
     var isForwardRef = !options.preact && Boolean(((_a = json.meta.useMetadata) === null || _a === void 0 ? void 0 : _a.forwardRef) || hasPropRef);
     if (isForwardRef) {
         var meta = (_b = json.meta.useMetadata) === null || _b === void 0 ? void 0 : _b.forwardRef;
@@ -337,7 +353,7 @@ var _componentToReact = function (json, options, isSubComponent) {
             (options.stylesType === 'styled-jsx' || options.stylesType === 'style-tag')) ||
         shouldInjectCustomStyles ||
         isRootSpecialNode(json);
-    var _q = getRefsString(json, allRefs, options), hasStateArgument = _q[0], refsString = _q[1];
+    var _o = getRefsString(json, allRefs, options), hasStateArgument = _o[0], refsString = _o[1];
     // NOTE: `collectReactNativeStyles` must run before style generation in the component generation body, as it has
     // side effects that delete styles bindings from the JSON.
     var reactNativeStyles = options.stylesType === 'react-native' && componentHasStyles
@@ -397,14 +413,7 @@ var _componentToReact = function (json, options, isSubComponent) {
         : '', componentHasStyles && options.stylesType === 'style-tag'
         ? "<style>{`".concat(css, "`}</style>")
         : '', shouldInjectCustomStyles ? "<style>{`".concat(json.style, "`}</style>") : '', wrap ? (0, helpers_2.closeFrag)(options) : '');
-    var isRsc = options.rsc && ((_o = (_m = json.meta.useMetadata) === null || _m === void 0 ? void 0 : _m.rsc) === null || _o === void 0 ? void 0 : _o.componentType) === 'server';
-    var isNative = options.type === 'native';
-    var isPreact = options.preact;
-    var shouldAddUseClientDirective = options.addUseClientDirectiveIfNeeded &&
-        !isRsc &&
-        !isNative &&
-        !isPreact &&
-        (0, rsc_1.checkIfIsClientComponent)(json);
+    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
         ? "import { ".concat(Array.from(reactLibImports).join(', '), " } from '").concat(options.preact ? 'preact/hooks' : 'react', "'")
         : '', componentHasStyles && options.stylesType === 'emotion' && options.format !== 'lite'

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

@@ -15,10 +15,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.processTagReferences = exports.getCode = exports.wrapInFragment = exports.getFragment = exports.closeFrag = exports.openFrag = exports.processBinding = void 0;
-var lodash_1 = require("lodash");
-var traverse_1 = __importDefault(require("traverse"));
 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 processBinding = function (str, options) {
     if (options.stateType !== 'useState') {
         return str;

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

@@ -15,13 +15,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateStateSettersInCode = exports.updateStateSetters = exports.getUseStateCode = exports.processHookCode = void 0;
-var core_1 = require("@babel/core");
-var function_1 = require("fp-ts/lib/function");
-var traverse_1 = __importDefault(require("traverse"));
 var capitalize_1 = require("../../helpers/capitalize");
 var is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
 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 helpers_1 = require("./helpers");
 /**
  * Removes all `this.` references.

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

@@ -15,15 +15,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToReactNative = exports.collectReactNativeStyles = void 0;
-var json5_1 = __importDefault(require("json5"));
-var lodash_1 = require("lodash");
-var traverse_1 = __importDefault(require("traverse"));
-var html_tags_1 = require("../../constants/html_tags");
 var bindings_1 = require("../../helpers/bindings");
 var fast_clone_1 = require("../../helpers/fast-clone");
 var is_children_1 = __importDefault(require("../../helpers/is-children"));
 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 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");
 var stylePropertiesThatMustBeNumber = new Set(['lineHeight']);

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

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.blockToSolid = void 0;
-var core_1 = require("@babel/core");
-var lodash_1 = require("lodash");
-var html_tags_1 = require("../../constants/html_tags");
 var babel_transform_1 = require("../../helpers/babel-transform");
 var filter_empty_text_nodes_1 = require("../../helpers/filter-empty-text-nodes");
 var typescript_1 = require("../../helpers/typescript");
 var mitosis_node_1 = require("../../types/mitosis-node");
+var core_1 = require("@babel/core");
+var lodash_1 = require("lodash");
+var html_tags_1 = require("../../constants/html_tags");
 var styles_1 = require("./helpers/styles");
 var ATTTRIBUTE_MAPPERS = {
     for: 'htmlFor',

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

@@ -51,11 +51,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToSolid = void 0;
-var Array_1 = require("fp-ts/lib/Array");
-var S = __importStar(require("fp-ts/string"));
-var hash_sum_1 = __importDefault(require("hash-sum"));
-var standalone_1 = require("prettier/standalone");
-var traverse_1 = __importDefault(require("traverse"));
 var bindings_1 = require("../../helpers/bindings");
 var create_mitosis_node_1 = require("../../helpers/create-mitosis-node");
 var dedent_1 = require("../../helpers/dedent");
@@ -74,6 +69,11 @@ var render_imports_1 = require("../../helpers/render-imports");
 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 Array_1 = require("fp-ts/lib/Array");
+var S = __importStar(require("fp-ts/string"));
+var hash_sum_1 = __importDefault(require("hash-sum"));
+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");

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

@@ -5,8 +5,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToStencil = void 0;
-var standalone_1 = require("prettier/standalone");
-var html_tags_1 = require("../../constants/html_tags");
 var dash_case_1 = require("../../helpers/dash-case");
 var dedent_1 = require("../../helpers/dedent");
 var fast_clone_1 = require("../../helpers/fast-clone");
@@ -21,8 +19,10 @@ var render_imports_1 = require("../../helpers/render-imports");
 var strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
 var strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
 var collect_css_1 = require("../../helpers/styles/collect-css");
-var plugins_1 = require("../../modules/plugins");
 var mitosis_node_1 = require("../../types/mitosis-node");
+var standalone_1 = require("prettier/standalone");
+var html_tags_1 = require("../../constants/html_tags");
+var plugins_1 = require("../../modules/plugins");
 var on_mount_1 = require("../helpers/on-mount");
 var collect_class_string_1 = require("./collect-class-string");
 var blockToStencil = function (json, options) {

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

@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.blockToSvelte = void 0;
-var html_tags_1 = require("../../constants/html_tags");
 var bindings_1 = require("../../helpers/bindings");
 var is_children_1 = __importDefault(require("../../helpers/is-children"));
 var is_upper_case_1 = require("../../helpers/is-upper-case");
 var for_1 = require("../../helpers/nodes/for");
 var remove_surrounding_block_1 = require("../../helpers/remove-surrounding-block");
 var slots_1 = require("../../helpers/slots");
+var html_tags_1 = require("../../constants/html_tags");
 var helpers_1 = require("./helpers");
 /**
  * blockToSvelte executed after stripStateAndProps,

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

@@ -40,14 +40,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToSvelte = void 0;
-var function_1 = require("fp-ts/lib/function");
-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 babel_transform_1 = require("../../helpers/babel-transform");
 var dedent_1 = require("../../helpers/dedent");
 var fast_clone_1 = require("../../helpers/fast-clone");
@@ -65,6 +57,14 @@ var slots_1 = require("../../helpers/slots");
 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 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");

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

@@ -15,8 +15,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.blockToVue = void 0;
-var function_1 = require("fp-ts/lib/function");
-var html_tags_1 = require("../../constants/html_tags");
 var filter_empty_text_nodes_1 = require("../../helpers/filter-empty-text-nodes");
 var is_children_1 = __importDefault(require("../../helpers/is-children"));
 var is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
@@ -24,6 +22,8 @@ var nullable_1 = require("../../helpers/nullable");
 var remove_surrounding_block_1 = require("../../helpers/remove-surrounding-block");
 var replace_identifiers_1 = require("../../helpers/replace-identifiers");
 var slots_1 = require("../../helpers/slots");
+var function_1 = require("fp-ts/lib/function");
+var html_tags_1 = require("../../constants/html_tags");
 var helpers_1 = require("./helpers");
 var SPECIAL_PROPERTIES = {
     V_IF: 'v-if',

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

@@ -8,11 +8,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateCompositionApiScript = void 0;
-var json5_1 = __importDefault(require("json5"));
-var lodash_1 = require("lodash");
 var dedent_1 = require("../../helpers/dedent");
 var get_state_object_string_1 = require("../../helpers/get-state-object-string");
 var strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
+var json5_1 = __importDefault(require("json5"));
+var lodash_1 = require("lodash");
 var helpers_1 = require("./helpers");
 var getCompositionPropDefinition = function (_a) {
     var options = _a.options, component = _a.component, props = _a.props;

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

@@ -21,15 +21,15 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getContextKey = exports.checkIfContextHasStrName = exports.getContextValue = exports.processBinding = exports.getContextNames = exports.renameMitosisComponentsToKebabCase = exports.mapMitosisComponentToKebabCase = exports.encodeQuotes = exports.invertBooleanExpression = exports.getOnUpdateHookName = exports.addBindingsToJson = exports.addPropertiesToJson = void 0;
-var core_1 = require("@babel/core");
-var function_1 = require("fp-ts/lib/function");
-var lodash_1 = require("lodash");
-var html_tags_1 = require("../../constants/html_tags");
 var babel_transform_1 = require("../../helpers/babel-transform");
 var get_state_object_string_1 = require("../../helpers/get-state-object-string");
 var patterns_1 = require("../../helpers/patterns");
 var replace_identifiers_1 = require("../../helpers/replace-identifiers");
 var slots_1 = require("../../helpers/slots");
+var core_1 = require("@babel/core");
+var function_1 = require("fp-ts/lib/function");
+var lodash_1 = require("lodash");
+var html_tags_1 = require("../../constants/html_tags");
 var addPropertiesToJson = function (properties) {
     return function (json) { return (__assign(__assign({}, json), { properties: __assign(__assign({}, json.properties), properties) })); };
 };

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

@@ -13,13 +13,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateOptionsApiScript = void 0;
-var json5_1 = __importDefault(require("json5"));
-var lodash_1 = require("lodash");
 var get_components_used_1 = require("../../helpers/get-components-used");
 var get_custom_imports_1 = require("../../helpers/get-custom-imports");
 var get_state_object_string_1 = require("../../helpers/get-state-object-string");
 var nullable_1 = require("../../helpers/nullable");
 var render_imports_1 = require("../../helpers/render-imports");
+var json5_1 = __importDefault(require("json5"));
+var lodash_1 = require("lodash");
 var on_mount_1 = require("../helpers/on-mount");
 var helpers_1 = require("./helpers");
 var getContextProvideString = function (json, options) {

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

@@ -28,10 +28,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToVue3 = exports.componentToVue2 = void 0;
-var function_1 = require("fp-ts/lib/function");
-var lodash_1 = require("lodash");
-var standalone_1 = require("prettier/standalone");
-var traverse_1 = __importDefault(require("traverse"));
 var babel_transform_1 = require("../../helpers/babel-transform");
 var bindings_1 = require("../../helpers/bindings");
 var dedent_1 = require("../../helpers/dedent");
@@ -48,6 +44,10 @@ var replace_identifiers_1 = require("../../helpers/replace-identifiers");
 var slots_1 = require("../../helpers/slots");
 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 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");

package/dist/src/helpers/component-file-extensions.d.ts

@@ -1,4 +1,4 @@
-import { MitosisConfig, Target } from '@builder.io/mitosis';
+import { MitosisConfig, Target } from '..';
 export declare const COMPONENT_IMPORT_EXTENSIONS: string[];
 export declare const checkIsSvelteComponentFilePath: (filePath: string) => boolean;
 export declare const checkIsLiteComponentFilePath: (filePath: string) => boolean;

package/dist/src/helpers/component-file-extensions.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getComponentFileExtensionForTarget = exports.renameImport = exports.renameComponentFile = exports.INPUT_EXTENSION_REGEX = exports.checkIsMitosisComponentFilePath = exports.checkIsLiteComponentFilePath = exports.checkIsSvelteComponentFilePath = exports.COMPONENT_IMPORT_EXTENSIONS = void 0;
-var mitosis_1 = require("@builder.io/mitosis");
+var mitosis_1 = require("..");
 var COMPONENT_EXTENSIONS = {
     jsx: ['.lite.tsx', '.lite.jsx'],
     svelte: ['.svelte'],

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

@@ -1,4 +1,4 @@
-import { MitosisConfig, Target } from '@builder.io/mitosis';
+import { MitosisConfig, Target } from '..';
 export declare const checkShouldOutputTypeScript: ({ target, options, }: {
     target: Target;
     options: MitosisConfig;

package/dist/src/helpers/signals/signals.js

@@ -39,7 +39,7 @@ var getSignalImportName = function (code) {
                     path.parentPath.node.source.value === '@builder.io/mitosis') {
                     /**
                      * in case the import is aliased, we need to use the local name,
-                     * e.g. `import { Signal as MySignal } from '@builder.io/mitosis'`
+                     * e.g. `import { Signal as MySignal } from '../..'`
                      */
                     signalImportName = path.node.local.name;
                     path.stop();

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

@@ -4,5 +4,4 @@ export declare const getPropsSymbol: (ast: SourceFile) => Symbol | undefined;
 export declare const getContextSymbols: (ast: SourceFile) => Set<Symbol>;
 export declare const createTypescriptProject: (tsConfigFilePath: string) => {
     project: Project;
-    signalSymbol: Symbol;
 };

package/dist/src/helpers/typescript-project.js

@@ -48,21 +48,6 @@ var getContextSymbols = function (ast) {
     return contextSymbols;
 };
 exports.getContextSymbols = getContextSymbols;
-var getSignalSymbol = function (project) {
-    var symbolExport = project.createSourceFile('homepage3.lite.tsx', "import { Signal } from '@builder.io/mitosis';");
-    // Find the original Signal symbol
-    var signalSymbol = undefined;
-    symbolExport.forEachDescendant(function (node) {
-        var _a;
-        if (ts_morph_1.Node.isImportSpecifier(node)) {
-            signalSymbol = (_a = node.getSymbol()) === null || _a === void 0 ? void 0 : _a.getAliasedSymbol();
-        }
-    });
-    if (signalSymbol === undefined) {
-        throw new Error('Could not find the Mitosis Signal symbol in your TS project. Is `@builder.io/mitosis` installed correctly?');
-    }
-    return signalSymbol;
-};
 var getProject = function (tsConfigFilePath) {
     try {
         return new ts_morph_1.Project({ tsConfigFilePath: tsConfigFilePath });
@@ -73,7 +58,6 @@ var getProject = function (tsConfigFilePath) {
 };
 var createTypescriptProject = function (tsConfigFilePath) {
     var project = getProject(tsConfigFilePath);
-    var signalSymbol = getSignalSymbol(project);
-    return { project: project, signalSymbol: signalSymbol };
+    return { project: project };
 };
 exports.createTypescriptProject = createTypescriptProject;

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

@@ -217,7 +217,6 @@ function parseJsx(jsx, _options) {
         var reactiveValues = (0, signals_2.findSignals)({
             filePath: options.filePath,
             project: options.tsProject.project,
-            signalSymbol: options.tsProject.signalSymbol,
         });
         reactiveValues.props.forEach(function (prop) {
             var _a;

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

@@ -1,7 +1,6 @@
-import { Project, Symbol } from 'ts-morph';
-export declare const findSignals: (args: {
+import { Project } from 'ts-morph';
+export declare const findSignals: ({ filePath, project }: {
     project: Project;
-    signalSymbol: Symbol;
     filePath: string;
 }) => {
     props: Set<string>;