@builder.io/mitosis 0.4.4 → 0.4.5

package/dist/src/generators/alpine/generate.d.ts

@@ -1,15 +1,6 @@
+import { ToAlpineOptions } from '../../generators/alpine/types';
 import { MitosisNode } from '../../types/mitosis-node';
-import { BaseTranspilerOptions, TranspilerGenerator } from '../../types/transpiler';
-export interface ToAlpineOptions extends BaseTranspilerOptions {
-    /**
-     * use @on and : instead of `x-on` and `x-bind`
-     */
-    useShorthandSyntax?: boolean;
-    /**
-     * If true, the javascript won't be extracted into a separate script block.
-     */
-    inlineState?: boolean;
-}
+import { TranspilerGenerator } from '../../types/transpiler';
 export declare const checkIsComponentNode: (node: MitosisNode) => boolean;
 /**
  * Test if the binding expression would be likely to generate

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

@@ -0,0 +1,12 @@
+import { BaseTranspilerOptions } from '../../types/transpiler';
+export interface ToAlpineOptions extends BaseTranspilerOptions {
+    /**
+     * use @on and : instead of `x-on` and `x-bind`
+     */
+    useShorthandSyntax?: boolean;
+    /**
+     * If true, the javascript won't be extracted into a separate script block.
+     */
+    inlineState?: boolean;
+}
+export type AlpineMetadata = {};

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

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

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

@@ -10,8 +10,10 @@ export interface ToAngularOptions extends BaseTranspilerOptions {
     visuallyIgnoreHostElement?: boolean;
 }
 export declare const DEFAULT_ANGULAR_OPTIONS: ToAngularOptions;
-export interface AngularBlockOptions {
-    childComponents?: string[];
+export type AngularMetadata = {
     nativeAttributes?: string[];
     selector?: string;
-}
+};
+export type AngularBlockOptions = {
+    childComponents?: string[];
+} & AngularMetadata;

package/dist/src/generators/{builder.d.ts → builder/generator.d.ts}

@@ -1,9 +1,7 @@
+import { ToBuilderOptions } from '../../generators/builder/types';
+import { MitosisNode } from '../../types/mitosis-node';
+import { TranspilerArgs } from '../../types/transpiler';
 import { BuilderContent, BuilderElement } from '@builder.io/sdk';
-import { MitosisNode } from '../types/mitosis-node';
-import { BaseTranspilerOptions, TranspilerArgs } from '../types/transpiler';
-export interface ToBuilderOptions extends BaseTranspilerOptions {
-    includeIds?: boolean;
-}
 type InternalOptions = {
     skipMapper?: boolean;
 };

package/dist/src/generators/{builder.js → builder/generator.js}

@@ -4,26 +4,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToBuilder = exports.blockToBuilder = void 0;
-const is_mitosis_node_1 = require("../helpers/is-mitosis-node");
-const replace_identifiers_1 = require("../helpers/replace-identifiers");
+const media_sizes_1 = require("../../constants/media-sizes");
+const dedent_1 = require("../../helpers/dedent");
+const fast_clone_1 = require("../../helpers/fast-clone");
+const filter_empty_text_nodes_1 = require("../../helpers/filter-empty-text-nodes");
+const get_state_object_string_1 = require("../../helpers/get-state-object-string");
+const has_props_1 = require("../../helpers/has-props");
+const is_component_1 = require("../../helpers/is-component");
+const is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
+const is_upper_case_1 = require("../../helpers/is-upper-case");
+const remove_surrounding_block_1 = require("../../helpers/remove-surrounding-block");
+const replace_identifiers_1 = require("../../helpers/replace-identifiers");
+const state_1 = require("../../helpers/state");
+const builder_1 = require("../../parsers/builder");
+const symbol_processor_1 = require("../../symbols/symbol-processor");
 const core_1 = require("@babel/core");
 const json5_1 = __importDefault(require("json5"));
 const lodash_1 = require("lodash");
 const legacy_1 = __importDefault(require("neotraverse/legacy"));
 const standalone_1 = require("prettier/standalone");
-const media_sizes_1 = require("../constants/media-sizes");
-const dedent_1 = require("../helpers/dedent");
-const fast_clone_1 = require("../helpers/fast-clone");
-const filter_empty_text_nodes_1 = require("../helpers/filter-empty-text-nodes");
-const get_state_object_string_1 = require("../helpers/get-state-object-string");
-const has_props_1 = require("../helpers/has-props");
-const is_component_1 = require("../helpers/is-component");
-const is_upper_case_1 = require("../helpers/is-upper-case");
-const remove_surrounding_block_1 = require("../helpers/remove-surrounding-block");
-const state_1 = require("../helpers/state");
-const builder_1 = require("../parsers/builder");
-const symbol_processor_1 = require("../symbols/symbol-processor");
-const on_mount_1 = require("./helpers/on-mount");
+const on_mount_1 = require("../helpers/on-mount");
 const omitMetaProperties = (obj) => (0, lodash_1.omitBy)(obj, (_value, key) => key.startsWith('$'));
 const builderBlockPrefixes = ['Amp', 'Core', 'Builder', 'Raw', 'Form'];
 const mapComponentName = (name) => {

package/dist/src/generators/builder/index.d.ts

@@ -0,0 +1 @@
+export * from './generator';

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./generator"), exports);

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

@@ -0,0 +1,5 @@
+import { BaseTranspilerOptions } from '../../types/transpiler';
+export interface ToBuilderOptions extends BaseTranspilerOptions {
+    includeIds?: boolean;
+}
+export type BuilderMetadata = {};

package/dist/src/generators/builder/types.js

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

package/dist/src/generators/html/generator.d.ts

@@ -0,0 +1,4 @@
+import { ToHtmlOptions } from '../../generators/html/types';
+import { TranspilerGenerator } from '../../types/transpiler';
+export declare const componentToHtml: TranspilerGenerator<ToHtmlOptions>;
+export declare const componentToCustomElement: TranspilerGenerator<ToHtmlOptions>;

package/dist/src/generators/{html.js → html/generator.js}

@@ -9,34 +9,34 @@ const function_1 = require("fp-ts/lib/function");
 const lodash_1 = require("lodash");
 const legacy_1 = __importDefault(require("neotraverse/legacy"));
 const standalone_1 = require("prettier/standalone");
-const html_tags_1 = require("../constants/html_tags");
-const babel_transform_1 = require("../helpers/babel-transform");
-const dash_case_1 = require("../helpers/dash-case");
-const fast_clone_1 = require("../helpers/fast-clone");
-const get_prop_functions_1 = require("../helpers/get-prop-functions");
-const get_props_1 = require("../helpers/get-props");
-const get_props_ref_1 = require("../helpers/get-props-ref");
-const get_refs_1 = require("../helpers/get-refs");
-const get_state_object_string_1 = require("../helpers/get-state-object-string");
-const has_bindings_text_1 = require("../helpers/has-bindings-text");
-const has_component_1 = require("../helpers/has-component");
-const has_props_1 = require("../helpers/has-props");
-const has_stateful_dom_1 = require("../helpers/has-stateful-dom");
-const is_children_1 = __importDefault(require("../helpers/is-children"));
-const is_component_1 = require("../helpers/is-component");
-const is_html_attribute_1 = require("../helpers/is-html-attribute");
-const is_mitosis_node_1 = require("../helpers/is-mitosis-node");
-const map_refs_1 = require("../helpers/map-refs");
-const merge_options_1 = require("../helpers/merge-options");
-const for_1 = require("../helpers/nodes/for");
-const remove_surrounding_block_1 = require("../helpers/remove-surrounding-block");
-const render_imports_1 = require("../helpers/render-imports");
-const strip_meta_properties_1 = require("../helpers/strip-meta-properties");
-const strip_state_and_props_refs_1 = require("../helpers/strip-state-and-props-refs");
-const collect_css_1 = require("../helpers/styles/collect-css");
-const plugins_1 = require("../modules/plugins");
-const mitosis_node_1 = require("../types/mitosis-node");
-const on_mount_1 = require("./helpers/on-mount");
+const html_tags_1 = require("../../constants/html_tags");
+const babel_transform_1 = require("../../helpers/babel-transform");
+const dash_case_1 = require("../../helpers/dash-case");
+const fast_clone_1 = require("../../helpers/fast-clone");
+const get_prop_functions_1 = require("../../helpers/get-prop-functions");
+const get_props_1 = require("../../helpers/get-props");
+const get_props_ref_1 = require("../../helpers/get-props-ref");
+const get_refs_1 = require("../../helpers/get-refs");
+const get_state_object_string_1 = require("../../helpers/get-state-object-string");
+const has_bindings_text_1 = require("../../helpers/has-bindings-text");
+const has_component_1 = require("../../helpers/has-component");
+const has_props_1 = require("../../helpers/has-props");
+const has_stateful_dom_1 = require("../../helpers/has-stateful-dom");
+const is_children_1 = __importDefault(require("../../helpers/is-children"));
+const is_component_1 = require("../../helpers/is-component");
+const is_html_attribute_1 = require("../../helpers/is-html-attribute");
+const is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
+const map_refs_1 = require("../../helpers/map-refs");
+const merge_options_1 = require("../../helpers/merge-options");
+const for_1 = require("../../helpers/nodes/for");
+const remove_surrounding_block_1 = require("../../helpers/remove-surrounding-block");
+const render_imports_1 = require("../../helpers/render-imports");
+const strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
+const strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
+const collect_css_1 = require("../../helpers/styles/collect-css");
+const plugins_1 = require("../../modules/plugins");
+const mitosis_node_1 = require("../../types/mitosis-node");
+const on_mount_1 = require("../helpers/on-mount");
 const isAttribute = (key) => {
     return /-/.test(key);
 };

package/dist/src/generators/html/index.d.ts

@@ -0,0 +1 @@
+export * from './generator';

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./generator"), exports);

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

@@ -0,0 +1,6 @@
+import { BaseTranspilerOptions } from '../../types/transpiler';
+export interface ToHtmlOptions extends BaseTranspilerOptions {
+    format?: 'class' | 'script';
+    prefix?: string;
+}
+export type HtmlMetadata = {};

package/dist/src/generators/html/types.js

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

package/dist/src/generators/{liquid.d.ts → liquid/generator.d.ts}

@@ -1,7 +1,5 @@
-import { BaseTranspilerOptions, TranspilerGenerator } from '../types/transpiler';
-export interface ToLiquidOptions extends BaseTranspilerOptions {
-    reactive?: boolean;
-}
+import { ToLiquidOptions } from '../../generators/liquid/types';
+import { TranspilerGenerator } from '../../types/transpiler';
 /**
  * Test if the binding expression would be likely to generate
  * valid or invalid liquid. If we generate invalid liquid tags

package/dist/src/generators/{liquid.js → liquid/generator.js}

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToLiquid = exports.isValidLiquidBinding = void 0;
 const standalone_1 = require("prettier/standalone");
-const html_tags_1 = require("../constants/html_tags");
-const fast_clone_1 = require("../helpers/fast-clone");
-const get_state_object_string_1 = require("../helpers/get-state-object-string");
-const strip_meta_properties_1 = require("../helpers/strip-meta-properties");
-const strip_state_and_props_refs_1 = require("../helpers/strip-state-and-props-refs");
-const collect_css_1 = require("../helpers/styles/collect-css");
-const plugins_1 = require("../modules/plugins");
-const mitosis_node_1 = require("../types/mitosis-node");
+const html_tags_1 = require("../../constants/html_tags");
+const fast_clone_1 = require("../../helpers/fast-clone");
+const get_state_object_string_1 = require("../../helpers/get-state-object-string");
+const strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
+const strip_state_and_props_refs_1 = require("../../helpers/strip-state-and-props-refs");
+const collect_css_1 = require("../../helpers/styles/collect-css");
+const plugins_1 = require("../../modules/plugins");
+const mitosis_node_1 = require("../../types/mitosis-node");
 /**
  * Test if the binding expression would be likely to generate
  * valid or invalid liquid. If we generate invalid liquid tags

package/dist/src/generators/liquid/index.d.ts

@@ -0,0 +1 @@
+export * from './generator';

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./generator"), exports);

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

@@ -0,0 +1,5 @@
+import { BaseTranspilerOptions } from '../../types/transpiler';
+export interface ToLiquidOptions extends BaseTranspilerOptions {
+    reactive?: boolean;
+}
+export type LiquidMetadata = {};

package/dist/src/generators/liquid/types.js

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

package/dist/src/generators/lit/generate.d.ts

@@ -1,5 +1,3 @@
-import { BaseTranspilerOptions, TranspilerGenerator } from '../../types/transpiler';
-export interface ToLitOptions extends BaseTranspilerOptions {
-    useShadowDom?: boolean;
-}
+import { ToLitOptions } from '../../generators/lit/types';
+import { TranspilerGenerator } from '../../types/transpiler';
 export declare const componentToLit: TranspilerGenerator<ToLitOptions>;

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

@@ -0,0 +1,8 @@
+import { BaseTranspilerOptions } from '../../types/transpiler';
+export interface ToLitOptions extends BaseTranspilerOptions {
+    /**
+     * Enabled shadowDOM for generated lit components. Default: enabled
+     */
+    useShadowDom?: boolean;
+}
+export type LitMetadata = {};

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

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

package/dist/src/generators/marko/generate.d.ts

@@ -1,6 +1,5 @@
-import { BaseTranspilerOptions, TranspilerGenerator } from '../../types/transpiler';
-export interface ToMarkoOptions extends BaseTranspilerOptions {
-}
+import { ToMarkoOptions } from '../../generators/marko/types';
+import { TranspilerGenerator } from '../../types/transpiler';
 export declare const componentToMarko: TranspilerGenerator<ToMarkoOptions>;
 /**
  * Convert marko expressions to valid html

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

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

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

@@ -0,0 +1,4 @@
+import { BaseTranspilerOptions } from '../../types/transpiler';
+export interface ToMarkoOptions extends BaseTranspilerOptions {
+}
+export type MarkoMetadata = {};

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

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

package/dist/src/generators/{mitosis.d.ts → mitosis/generator.d.ts}

@@ -1,9 +1,7 @@
-import { MitosisComponent } from '../types/mitosis-component';
-import { MitosisNode } from '../types/mitosis-node';
-import { BaseTranspilerOptions, TranspilerGenerator } from '../types/transpiler';
-export interface ToMitosisOptions extends BaseTranspilerOptions {
-    format: 'react' | 'legacy';
-}
+import { ToMitosisOptions } from '../../generators/mitosis/types';
+import { MitosisComponent } from '../../types/mitosis-component';
+import { MitosisNode } from '../../types/mitosis-node';
+import { TranspilerGenerator } from '../../types/transpiler';
 export declare const DEFAULT_FORMAT: ToMitosisOptions['format'];
 export declare const blockToMitosis: (json: MitosisNode, toMitosisOptions: Partial<ToMitosisOptions> | undefined, component: MitosisComponent) => string;
 export declare const componentToMitosis: TranspilerGenerator<Partial<ToMitosisOptions>>;

package/dist/src/generators/{mitosis.js → mitosis/generator.js}

@@ -4,22 +4,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToMitosis = exports.blockToMitosis = exports.DEFAULT_FORMAT = void 0;
-const plugins_1 = require("../modules/plugins");
+const plugins_1 = require("../../modules/plugins");
 const json5_1 = __importDefault(require("json5"));
 const standalone_1 = require("prettier/standalone");
-const hooks_1 = require("../constants/hooks");
-const html_tags_1 = require("../constants/html_tags");
-const dedent_1 = require("../helpers/dedent");
-const fast_clone_1 = require("../helpers/fast-clone");
-const get_components_1 = require("../helpers/get-components");
-const get_refs_1 = require("../helpers/get-refs");
-const get_state_object_string_1 = require("../helpers/get-state-object-string");
-const is_root_text_node_1 = require("../helpers/is-root-text-node");
-const map_refs_1 = require("../helpers/map-refs");
-const render_imports_1 = require("../helpers/render-imports");
-const state_1 = require("../helpers/state");
-const mitosis_node_1 = require("../types/mitosis-node");
-const react_1 = require("./react");
+const hooks_1 = require("../../constants/hooks");
+const html_tags_1 = require("../../constants/html_tags");
+const dedent_1 = require("../../helpers/dedent");
+const fast_clone_1 = require("../../helpers/fast-clone");
+const get_components_1 = require("../../helpers/get-components");
+const get_refs_1 = require("../../helpers/get-refs");
+const get_state_object_string_1 = require("../../helpers/get-state-object-string");
+const is_root_text_node_1 = require("../../helpers/is-root-text-node");
+const map_refs_1 = require("../../helpers/map-refs");
+const render_imports_1 = require("../../helpers/render-imports");
+const state_1 = require("../../helpers/state");
+const mitosis_node_1 = require("../../types/mitosis-node");
+const react_1 = require("../react");
 exports.DEFAULT_FORMAT = 'legacy';
 // Special isValidAttributeName for Mitosis so we can allow for $ in names
 const isValidAttributeName = (str) => {
@@ -149,7 +149,7 @@ const componentToMitosis = (toMitosisOptions = {}) => ({ component }) => {
     let str = (0, dedent_1.dedent) `
     ${!needsMitosisCoreImport
         ? ''
-        : `import { ${!hasState ? '' : 'useStore, '} ${!refs.length ? '' : 'useRef, '} ${mitosisComponents.join(', ')} } from '..';`}
+        : `import { ${!hasState ? '' : 'useStore, '} ${!refs.length ? '' : 'useRef, '} ${mitosisComponents.join(', ')} } from '../..';`}
     ${!otherComponents.length ? '' : `import { ${otherComponents.join(',')} } from '@components';`}
     ${json.types ? json.types.join('\n') : ''}
 

package/dist/src/generators/mitosis/index.d.ts

@@ -0,0 +1 @@
+export * from './generator';

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./generator"), exports);

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

@@ -0,0 +1,5 @@
+import { BaseTranspilerOptions } from '../../types/transpiler';
+export interface ToMitosisOptions extends BaseTranspilerOptions {
+    format: 'react' | 'legacy';
+}
+export type MitosisMetadata = {};

package/dist/src/generators/mitosis/types.js

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

package/dist/src/generators/qwik/component-generator.d.ts

@@ -1,4 +1,3 @@
-import { BaseTranspilerOptions, TranspilerGenerator } from '../../types/transpiler';
-export interface ToQwikOptions extends BaseTranspilerOptions {
-}
+import { ToQwikOptions } from '../../generators/qwik/types';
+import { TranspilerGenerator } from '../../types/transpiler';
 export declare const componentToQwik: TranspilerGenerator<ToQwikOptions>;

package/dist/src/generators/qwik/directives.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Image = exports.DIRECTIVES = void 0;
 const for_1 = require("../../helpers/nodes/for");
-const minify_1 = require("../minify");
+const minify_1 = require("../helpers/minify");
 const src_generator_1 = require("./src-generator");
 exports.DIRECTIVES = {
     Show: (node, blockFn) => function () {

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

@@ -0,0 +1,14 @@
+import { Dictionary } from '../../helpers/typescript';
+import { BaseTranspilerOptions } from '../../types/transpiler';
+export interface ToQwikOptions extends BaseTranspilerOptions {
+}
+export type QwikMetadata = {
+    component?: {
+        isLight?: boolean;
+    };
+    setUseStoreFirst?: boolean;
+    hasDeepStore?: boolean;
+    mutable?: string[];
+    imports?: Dictionary<string>;
+    replace?: Record<string, string>;
+};

package/dist/src/generators/qwik/types.js

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

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

@@ -266,7 +266,7 @@ const checkShouldAddUseClientDirective = (json, options) => {
     return (0, rsc_1.checkIfIsClientComponent)(json);
 };
 const _componentToReact = (json, options, isSubComponent = false) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     (0, process_http_requests_1.processHttpRequests)(json);
     (0, handle_missing_state_1.handleMissingState)(json);
     (0, helpers_2.processTagReferences)(json, options);
@@ -285,9 +285,11 @@ const _componentToReact = (json, options, isSubComponent = false) => {
     // Always use state if we are generate Builder react code
     const hasState = options.stateType === 'builder' || (0, state_1.checkHasState)(json);
     const [forwardRef, hasPropRef] = (0, get_props_ref_1.getPropsRef)(json);
-    const isForwardRef = !options.preact && Boolean(((_a = json.meta.useMetadata) === null || _a === void 0 ? void 0 : _a.forwardRef) || hasPropRef);
+    const isForwardRef = !options.preact &&
+        Boolean(((_a = json.meta.useMetadata) === null || _a === void 0 ? void 0 : _a.forwardRef) || ((_c = (_b = json.meta.useMetadata) === null || _b === void 0 ? void 0 : _b.react) === null || _c === void 0 ? void 0 : _c.forwardRef) || hasPropRef);
     if (isForwardRef) {
-        const meta = (_b = json.meta.useMetadata) === null || _b === void 0 ? void 0 : _b.forwardRef;
+        const meta = (((_d = json.meta.useMetadata) === null || _d === void 0 ? void 0 : _d.forwardRef) ||
+            ((_f = (_e = json.meta.useMetadata) === null || _e === void 0 ? void 0 : _e.react) === null || _f === void 0 ? void 0 : _f.forwardRef));
         options.forwardRef = meta || forwardRef;
     }
     const forwardRefType = options.typescript && json.propsTypeRef && forwardRef && json.propsTypeRef !== 'any'
@@ -318,16 +320,16 @@ const _componentToReact = (json, options, isSubComponent = false) => {
     if ((0, context_1.hasContext)(json) && options.contextType !== 'prop-drill') {
         reactLibImports.add('useContext');
     }
-    if (allRefs.length || ((_c = json.hooks.onInit) === null || _c === void 0 ? void 0 : _c.code)) {
+    if (allRefs.length || ((_g = json.hooks.onInit) === null || _g === void 0 ? void 0 : _g.code)) {
         reactLibImports.add('useRef');
     }
     if (!options.preact && hasPropRef) {
         reactLibImports.add('forwardRef');
     }
-    if (json.hooks.onMount.length || ((_d = json.hooks.onUnMount) === null || _d === void 0 ? void 0 : _d.code) || ((_e = json.hooks.onUpdate) === null || _e === void 0 ? void 0 : _e.length)) {
+    if (json.hooks.onMount.length || ((_h = json.hooks.onUnMount) === null || _h === void 0 ? void 0 : _h.code) || ((_j = json.hooks.onUpdate) === null || _j === void 0 ? void 0 : _j.length)) {
         reactLibImports.add('useEffect');
     }
-    const hasCustomStyles = !!((_f = json.style) === null || _f === void 0 ? void 0 : _f.length);
+    const hasCustomStyles = !!((_k = json.style) === null || _k === void 0 ? void 0 : _k.length);
     const shouldInjectCustomStyles = hasCustomStyles &&
         (options.stylesType === 'styled-components' || options.stylesType === 'emotion');
     const wrap = (0, helpers_2.wrapInFragment)(json) ||
@@ -376,10 +378,10 @@ const _componentToReact = (json, options, isSubComponent = false) => {
         : ''}
     ${hasStateArgument ? refsString : ''}
     ${getContextString(json, options)}
-    ${((_g = json.hooks.init) === null || _g === void 0 ? void 0 : _g.code) ? (0, state_2.processHookCode)({ str: (_h = json.hooks.init) === null || _h === void 0 ? void 0 : _h.code, options }) : ''}
+    ${((_l = json.hooks.init) === null || _l === void 0 ? void 0 : _l.code) ? (0, state_2.processHookCode)({ str: (_m = json.hooks.init) === null || _m === void 0 ? void 0 : _m.code, options }) : ''}
     ${contextStr || ''}
 
-    ${((_j = json.hooks.onInit) === null || _j === void 0 ? void 0 : _j.code)
+    ${((_o = json.hooks.onInit) === null || _o === void 0 ? void 0 : _o.code)
         ? `
         const hasInitialized = useRef(false);
         if (!hasInitialized.current) {
@@ -414,12 +416,12 @@ const _componentToReact = (json, options, isSubComponent = false) => {
         }, [])`)
         .join('\n')}
 
-    ${(_l = (_k = json.hooks.onUpdate) === null || _k === void 0 ? void 0 : _k.map((hook) => `useEffect(() => {
+    ${(_q = (_p = json.hooks.onUpdate) === null || _p === void 0 ? void 0 : _p.map((hook) => `useEffect(() => {
           ${(0, state_2.processHookCode)({ str: hook.code, options })}
         },
-        ${hook.deps ? (0, state_2.processHookCode)({ str: hook.deps, options }) : ''})`).join(';')) !== null && _l !== void 0 ? _l : ''}
+        ${hook.deps ? (0, state_2.processHookCode)({ str: hook.deps, options }) : ''})`).join(';')) !== null && _q !== void 0 ? _q : ''}
 
-    ${((_m = json.hooks.onUnMount) === null || _m === void 0 ? void 0 : _m.code)
+    ${((_r = json.hooks.onUnMount) === null || _r === void 0 ? void 0 : _r.code)
         ? `useEffect(() => {
           return () => {
             ${(0, state_2.processHookCode)({

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

@@ -15,3 +15,6 @@ export interface ToReactOptions extends BaseTranspilerOptions {
     contextType?: 'context' | 'prop-drill';
     addUseClientDirectiveIfNeeded?: boolean;
 }
+export type ReactMetadata = {
+    forwardRef?: string;
+};

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

@@ -1,9 +1,6 @@
+import { ToReactNativeOptions } from '../../generators/react-native/types';
 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' | 'twrnc' | 'native-wind';
-    stateType: 'useState' | 'mobx' | 'valtio' | 'solid' | 'builder';
-}
+import { TranspilerGenerator } from '../../types/transpiler';
 export declare const collectReactNativeStyles: (json: MitosisComponent) => ClassStyleMap;
 export declare const componentToReactNative: TranspilerGenerator<Partial<ToReactNativeOptions>>;