@builder.io/mitosis 0.4.3 → 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) => {
@@ -149,7 +149,7 @@ function tryFormat(code) {
     return str;
 }
 const blockToBuilder = (json, options = {}, _internalOptions = {}) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     const mapper = !_internalOptions.skipMapper && componentMappers[json.name];
     if (mapper) {
         return mapper(json, options);
@@ -168,7 +168,8 @@ const blockToBuilder = (json, options = {}, _internalOptions = {}) => {
             component: {
                 name: 'Text',
                 options: {
-                    text: json.properties._text,
+                    // Mitosis uses {} for bindings, but Builder expects {{}} so we need to convert
+                    text: (_c = json.properties._text) === null || _c === void 0 ? void 0 : _c.replace(/\{(.*?)\}/g, '{{$1}}'),
                 },
             },
         }, options);
@@ -178,10 +179,10 @@ const blockToBuilder = (json, options = {}, _internalOptions = {}) => {
     const actions = {};
     for (const key in bindings) {
         const eventBindingKeyRegex = /^on([A-Z])/;
-        const firstCharMatchForEventBindingKey = (_c = key.match(eventBindingKeyRegex)) === null || _c === void 0 ? void 0 : _c[1];
+        const firstCharMatchForEventBindingKey = (_d = key.match(eventBindingKeyRegex)) === null || _d === void 0 ? void 0 : _d[1];
         if (firstCharMatchForEventBindingKey) {
             actions[key.replace(eventBindingKeyRegex, firstCharMatchForEventBindingKey.toLowerCase())] =
-                (0, remove_surrounding_block_1.removeSurroundingBlock)((_d = bindings[key]) === null || _d === void 0 ? void 0 : _d.code);
+                (0, remove_surrounding_block_1.removeSurroundingBlock)((_e = bindings[key]) === null || _e === void 0 ? void 0 : _e.code);
             delete bindings[key];
         }
     }
@@ -202,12 +203,12 @@ const blockToBuilder = (json, options = {}, _internalOptions = {}) => {
             }
         }
     }
-    const hasCss = !!((_e = bindings.css) === null || _e === void 0 ? void 0 : _e.code);
+    const hasCss = !!((_f = bindings.css) === null || _f === void 0 ? void 0 : _f.code);
     let responsiveStyles = {
         large: {},
     };
     if (hasCss) {
-        const cssRules = json5_1.default.parse((_f = bindings.css) === null || _f === void 0 ? void 0 : _f.code);
+        const cssRules = json5_1.default.parse((_g = bindings.css) === null || _g === void 0 ? void 0 : _g.code);
         const cssRuleKeys = Object.keys(cssRules);
         for (const ruleKey of cssRuleKeys) {
             const mediaQueryMatch = ruleKey.match(media_sizes_1.mediaQueryRegex);
@@ -285,6 +286,7 @@ const componentToBuilder = (options = {}) => ({ component }) => {
                 ${(0, on_mount_1.stringifySingleScopeOnMount)(component)}
               })`}
       `),
+            cssCode: component === null || component === void 0 ? void 0 : component.style,
             blocks: component.children
                 .filter(filter_empty_text_nodes_1.filterEmptyTextNodes)
                 .map((child) => (0, exports.blockToBuilder)(child, options)),

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') : ''}
 
@@ -171,6 +171,8 @@ const componentToMitosis = (toMitosisOptions = {}) => ({ component }) => {
 
       ${!((_a = json.hooks.onUnMount) === null || _a === void 0 ? void 0 : _a.code) ? '' : `onUnMount(() => { ${json.hooks.onUnMount.code} })`}
 
+      ${json.style ? `useStyle(\`${json.style}\`)` : ''}
+
       return (${addWrapper ? '<>' : ''}
         ${json.children.map((item) => (0, exports.blockToMitosis)(item, options, component)).join('\n')}
         ${addWrapper ? '</>' : ''})

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 });