@builder.io/mitosis 0.0.0-dev-20260605060721

package/dist/src/types/mitosis-context.d.ts

@@ -0,0 +1,6 @@
+import { ContextOptions, MitosisState } from './mitosis-component';
+export type MitosisContext = ContextOptions & {
+    '@type': '@builder.io/mitosis/context';
+    name: string;
+    value: MitosisState;
+};

package/dist/src/types/mitosis-context.js

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

package/dist/src/types/mitosis-node.d.ts

@@ -0,0 +1,117 @@
+import { JSONObject } from './json';
+export type SpreadType = 'normal' | 'event-handlers';
+export type BindingType = 'function' | 'expression';
+type BindingProperties = {
+    type: 'spread';
+    spreadType: SpreadType;
+    /**
+     * TODO: remove these once we've cleaned up the code that uses them.
+     * they don't need to be here since they only exist for functions
+     */
+    async?: boolean;
+    arguments?: string[];
+} | {
+    type: 'single';
+    bindingType: Extract<BindingType, 'function'>;
+    async?: boolean;
+    arguments?: string[];
+} | {
+    type: 'single';
+    bindingType: Extract<BindingType, 'expression'>;
+    /**
+     * TODO: remove these once we've cleaned up the code that uses them.
+     * they don't need to be here since they only exist for functions
+     */
+    async?: boolean;
+    arguments?: string[];
+};
+export type Binding = {
+    code: string;
+} & BindingProperties;
+export type BuilderLocalizedValue = {
+    '@type': '@builder.io/core:LocalizedValue';
+    Default: string;
+    [index: string]: string;
+};
+export type BaseNode = {
+    '@type': '@builder.io/mitosis/node';
+    meta: JSONObject;
+    name: string;
+    scope: {};
+    /**
+     * Optional type identifier for special node types (e.g., 'user-symbol' for Builder.io user symbols).
+     * Used to explicitly identify node types without relying on name patterns.
+     */
+    type?: 'user-symbol';
+    /**
+     * Key-value store of string values for DOM attributes.
+     * ```js
+     * {
+     *   defaultValue: 'initial text',
+     *   width: '100px',
+     * }
+     * ```
+     */
+    properties: {
+        [key: string]: string | undefined;
+    };
+    /**
+     * Key-value store of expression values for DOM attributes. These are always represented as strings.
+     *
+     * ```js
+     * {
+     *   disabled: "state.isDisabled",
+     *   defaultValue: "`${props.text} + ' initial'`",
+     *   width: "props.width * 10",
+     *   height: "100",
+     * }
+     * ```
+     */
+    bindings: {
+        [key: string]: Binding | undefined;
+    };
+    children: MitosisNode[];
+    /**
+     * Key-value store of slots. The key is the slot name and the value is an array of nodes.
+     * It is used when components have props that are also nodes
+     */
+    slots?: {
+        [key: string]: MitosisNode[];
+    };
+    /**
+     * Key-value store of localized values
+     * It is used when a Builder content block has localized values.
+     */
+    localizedValues?: {
+        [index: string]: BuilderLocalizedValue;
+    };
+    /**
+     * Key-value store of serialized elements passed into properties.
+     * Disabled by default. Use `enableBlocksSlots` on supported parsers to enable.
+     */
+    blocksSlots?: BlockSlot;
+};
+export interface BlockSlot {
+    [key: string]: BlockSlot | BlockSlot[] | MitosisNode | MitosisNode[];
+}
+export declare const ForNodeName = "For";
+export declare const FragmentNodeName = "Fragment";
+export declare const ShowNodeName = "Show";
+export declare const SlotNodeName = "Slot";
+export declare const SpecialNodeNameList: string[];
+export type SpecialNodesNames = (typeof SpecialNodeNameList)[number];
+export type ForNode = BaseNode & {
+    name: 'For';
+    scope: {
+        forName: string | undefined;
+        indexName: string | undefined;
+        collectionName: string | undefined;
+    };
+};
+export type ShowNode = BaseNode & {
+    name: 'Show';
+};
+export type MitosisNode = BaseNode | ForNode | ShowNode;
+export declare const checkIsForNode: (node: MitosisNode) => node is ForNode;
+export declare const checkIsShowNode: (node: MitosisNode) => node is ShowNode;
+export {};

package/dist/src/types/mitosis-node.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkIsShowNode = exports.checkIsForNode = exports.SpecialNodeNameList = exports.SlotNodeName = exports.ShowNodeName = exports.FragmentNodeName = exports.ForNodeName = void 0;
+exports.ForNodeName = 'For';
+exports.FragmentNodeName = 'Fragment';
+exports.ShowNodeName = 'Show';
+exports.SlotNodeName = 'Slot';
+exports.SpecialNodeNameList = [exports.ForNodeName, exports.FragmentNodeName, exports.ShowNodeName, exports.SlotNodeName];
+const checkIsForNode = (node) => node.name === exports.ForNodeName;
+exports.checkIsForNode = checkIsForNode;
+const checkIsShowNode = (node) => node.name === exports.ShowNodeName;
+exports.checkIsShowNode = checkIsShowNode;

package/dist/src/types/mitosis-styles.d.ts

@@ -0,0 +1 @@
+export type MitosisStyles = Omit<Partial<CSSStyleDeclaration>, 'length' | 'getPropertyPriority' | 'getPropertyValue' | 'item' | 'removeProperty' | 'setProperty' | 'parentRule'>;

package/dist/src/types/mitosis-styles.js

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

package/dist/src/types/plugins.d.ts

@@ -0,0 +1,19 @@
+import { OutputFiles, TargetContext } from '../types/config';
+import { MitosisComponent } from './mitosis-component';
+export type MitosisBuildPlugin = (targetContext: TargetContext, files?: {
+    componentFiles: OutputFiles[];
+    nonComponentFiles: OutputFiles[];
+}) => void | Promise<void>;
+export type MitosisJsonPlugin = (json: MitosisComponent) => MitosisComponent | void;
+export type MitosisCodePlugin = (code: string, json: MitosisComponent) => string;
+export type MitosisHook<T> = {
+    pre?: T;
+    post?: T;
+};
+export type MitosisPlugin = (options?: any) => {
+    name?: string;
+    order?: number;
+    build?: MitosisHook<MitosisBuildPlugin>;
+    json?: MitosisHook<MitosisJsonPlugin>;
+    code?: MitosisHook<MitosisCodePlugin>;
+};

package/dist/src/types/plugins.js

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

package/dist/src/types/transpiler.d.ts

@@ -0,0 +1,48 @@
+import { MitosisComponent } from './mitosis-component';
+import { MitosisPlugin } from './plugins';
+export interface TranspilerArgs {
+    path?: string;
+    component: MitosisComponent;
+}
+export type Transpiler<R = string> = (args: TranspilerArgs) => R;
+/**
+ * This type guarantees that all code generators receive the same base options
+ */
+export type TranspilerGenerator<X extends BaseTranspilerOptions, Y = string> = (args?: X) => Transpiler<Y>;
+export type AttributePassingType = {
+    enabled: boolean;
+    customRef?: string;
+};
+export interface BaseTranspilerOptions {
+    experimental?: {
+        [key: string]: any;
+    };
+    /**
+     * Runs `prettier` on generated components
+     */
+    prettier?: boolean;
+    /**
+     * Mitosis Plugins to run during codegen.
+     */
+    plugins?: MitosisPlugin[];
+    /**
+     * Enable `typescript` output
+     */
+    typescript?: boolean;
+    /** Enables/disables attribute passing for frameworks with custom elements like angular and stencil */
+    attributePassing?: AttributePassingType;
+    /**
+     * Preserves explicit filename extensions in import statements.
+     */
+    explicitImportFileExtension?: boolean;
+    /**
+     * Can be used for cli builds. Preserves explicit filename extensions when regex matches, e.g.:
+     * {
+     *   explicitBuildFileExtension: {
+     *     ".ts":/*.figma.lite.tsx/g,
+     *     ".md":/*.docs.lite.tsx/g
+     *   }
+     * }
+     */
+    explicitBuildFileExtensions?: Record<string, RegExp>;
+}

package/dist/src/types/transpiler.js

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