@builder.io/mitosis 0.0.0-dev-20260605060721

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

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

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

@@ -0,0 +1,18 @@
+"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);
+__exportStar(require("./types"), exports);

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

@@ -0,0 +1,6 @@
+import { BaseTranspilerOptions } from '../../types/transpiler';
+export interface ToBuilderOptions extends BaseTranspilerOptions {
+    includeIds?: boolean;
+    stateMap?: Map<string, string>;
+}
+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/context/angular.d.ts

@@ -0,0 +1,9 @@
+import { MitosisContext } from '../../types/mitosis-context';
+type ContextToAngularOptions = {
+    format?: boolean;
+    typescript?: boolean;
+};
+export declare const contextToAngular: (options?: ContextToAngularOptions) => ({ context }: {
+    context: MitosisContext;
+}) => string;
+export {};

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contextToAngular = void 0;
+const get_state_object_string_1 = require("../../helpers/get-state-object-string");
+const standalone_1 = require("prettier/standalone");
+const contextToAngular = (options = { typescript: false }) => ({ context }) => {
+    let str = `
+import { Injectable } from '@angular/core';
+
+@Injectable({
+    providedIn: 'root'
+})
+export default class ${context.name}Context {
+    ${(0, get_state_object_string_1.stringifyContextValue)(context.value)
+        .replace(/^\{/, '')
+        .replace(/\}$/, '')
+        .replaceAll(',', ';\n')
+        .replaceAll(':', ': any = ')}
+    constructor() { }
+}
+  `;
+    if (options.format !== false) {
+        try {
+            str = (0, standalone_1.format)(str, {
+                parser: 'typescript',
+                plugins: [
+                    require('prettier/parser-typescript'), // To support running in browsers
+                ],
+            });
+        }
+        catch (err) {
+            if (process.env.NODE_ENV !== 'test') {
+                console.error('Format error for file:', str);
+            }
+            throw err;
+        }
+    }
+    return str;
+};
+exports.contextToAngular = contextToAngular;

package/dist/src/generators/context/helpers/context-with-symbol-key.d.ts

@@ -0,0 +1,5 @@
+import { MitosisContext } from '../../../types/mitosis-context';
+import { BaseTranspilerOptions } from '../../../types/transpiler';
+export declare const getContextWithSymbolKey: (options: Pick<BaseTranspilerOptions, 'prettier'>) => ({ context }: {
+    context: MitosisContext;
+}) => string;

package/dist/src/generators/context/helpers/context-with-symbol-key.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getContextWithSymbolKey = void 0;
+const standalone_1 = require("prettier/standalone");
+const get_state_object_string_1 = require("../../../helpers/get-state-object-string");
+const getContextWithSymbolKey = (options) => ({ context }) => {
+    let str = `
+  const key = Symbol();  
+
+  export default {
+    ${context.name}: ${(0, get_state_object_string_1.stringifyContextValue)(context.value)}, 
+    key 
+  }
+  `;
+    if (options.prettier !== false) {
+        try {
+            str = (0, standalone_1.format)(str, {
+                parser: 'typescript',
+                plugins: [
+                    require('prettier/parser-typescript'), // To support running in browsers
+                ],
+            });
+        }
+        catch (err) {
+            if (process.env.NODE_ENV !== 'test') {
+                console.error('Format error for file:', str);
+            }
+            throw err;
+        }
+    }
+    return str;
+};
+exports.getContextWithSymbolKey = getContextWithSymbolKey;

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

@@ -0,0 +1,8 @@
+import { MitosisContext } from '../../types/mitosis-context';
+type ContextToQwikOptions = {
+    format?: boolean;
+};
+export declare const contextToQwik: (options?: ContextToQwikOptions) => ({ context }: {
+    context: MitosisContext;
+}) => string;
+export {};

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contextToQwik = void 0;
+const standalone_1 = require("prettier/standalone");
+const contextToQwik = (options = {}) => ({ context }) => {
+    let str = `
+  import { createContextId } from '@builder.io/qwik';
+
+  export default createContextId<any>("${context.name}")
+  `;
+    if (options.format !== false) {
+        try {
+            str = (0, standalone_1.format)(str, {
+                parser: 'typescript',
+                plugins: [
+                    require('prettier/parser-typescript'), // To support running in browsers
+                ],
+            });
+        }
+        catch (err) {
+            if (process.env.NODE_ENV !== 'test') {
+                console.error('Format error for file:', str);
+            }
+            throw err;
+        }
+    }
+    return str;
+};
+exports.contextToQwik = contextToQwik;

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

@@ -0,0 +1,10 @@
+import { MitosisContext } from '../../types/mitosis-context';
+type ContextToReactOptions = {
+    format?: boolean;
+    preact?: boolean;
+    typescript?: boolean;
+};
+export declare const contextToReact: (options?: ContextToReactOptions) => ({ context }: {
+    context: MitosisContext;
+}) => string;
+export {};

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contextToReact = void 0;
+const get_state_object_string_1 = require("../../helpers/get-state-object-string");
+const standalone_1 = require("prettier/standalone");
+const contextToReact = (options = { typescript: false, preact: false }) => ({ context }) => {
+    let str = `
+  import { createContext } from '${options.preact ? 'preact' : 'react'}';
+
+  export default createContext${options.typescript ? '<any>' : ''}(${(0, get_state_object_string_1.stringifyContextValue)(context.value)})
+  `;
+    if (options.format !== false) {
+        try {
+            str = (0, standalone_1.format)(str, {
+                parser: 'typescript',
+                plugins: [
+                    require('prettier/parser-typescript'), // To support running in browsers
+                ],
+            });
+        }
+        catch (err) {
+            if (process.env.NODE_ENV !== 'test') {
+                console.error('Format error for file:', str);
+            }
+            throw err;
+        }
+    }
+    return str;
+};
+exports.contextToReact = contextToReact;

package/dist/src/generators/context/rsc.d.ts

@@ -0,0 +1,12 @@
+import { MitosisContext } from '../../types/mitosis-context';
+type ContextToRscOptions = {
+    format?: boolean;
+};
+/**
+ * React Server Components currently do not support context, so we use
+ * plain objects and prop drilling instead.
+ */
+export declare const contextToRsc: (options?: ContextToRscOptions) => ({ context }: {
+    context: MitosisContext;
+}) => string;
+export {};

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contextToRsc = void 0;
+const get_state_object_string_1 = require("../../helpers/get-state-object-string");
+const standalone_1 = require("prettier/standalone");
+/**
+ * React Server Components currently do not support context, so we use
+ * plain objects and prop drilling instead.
+ */
+const contextToRsc = (options = {}) => ({ context }) => {
+    let str = `
+    export default ${(0, get_state_object_string_1.stringifyContextValue)(context.value)}
+    `;
+    if (options.format !== false) {
+        try {
+            str = (0, standalone_1.format)(str, {
+                parser: 'typescript',
+                plugins: [
+                    require('prettier/parser-typescript'), // To support running in browsers
+                ],
+            });
+        }
+        catch (err) {
+            if (process.env.NODE_ENV !== 'test') {
+                console.error('Format error for file:', str);
+            }
+            throw err;
+        }
+    }
+    return str;
+};
+exports.contextToRsc = contextToRsc;

package/dist/src/generators/context/solid.d.ts

@@ -0,0 +1,8 @@
+import { MitosisContext } from '../../types/mitosis-context';
+type ContextToSolidOptions = {
+    format?: boolean;
+};
+export declare const contextToSolid: (options?: ContextToSolidOptions) => ({ context }: {
+    context: MitosisContext;
+}) => string;
+export {};

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contextToSolid = void 0;
+const get_state_object_string_1 = require("../../helpers/get-state-object-string");
+const standalone_1 = require("prettier/standalone");
+const contextToSolid = (options = {}) => ({ context }) => {
+    let str = `
+    import { createContext } from 'solid-js';
+
+    export default createContext(${(0, get_state_object_string_1.stringifyContextValue)(context.value)})
+    `;
+    if (options.format !== false) {
+        try {
+            str = (0, standalone_1.format)(str, {
+                parser: 'typescript',
+                plugins: [
+                    require('prettier/parser-typescript'), // To support running in browsers
+                ],
+            });
+        }
+        catch (err) {
+            if (process.env.NODE_ENV !== 'test') {
+                console.error('Format error for file:', str);
+            }
+            throw err;
+        }
+    }
+    return str;
+};
+exports.contextToSolid = contextToSolid;

package/dist/src/generators/context/svelte.d.ts

@@ -0,0 +1,11 @@
+import { MitosisContext } from '../../types/mitosis-context';
+import { BaseTranspilerOptions } from '../../types/transpiler';
+interface ContextToSvelteOptions extends Pick<BaseTranspilerOptions, 'prettier'> {
+}
+/**
+ * TO-DO: support types
+ */
+export declare const contextToSvelte: (options: ContextToSvelteOptions) => ({ context }: {
+    context: MitosisContext;
+}) => string;
+export {};

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contextToSvelte = void 0;
+const get_state_object_string_1 = require("../../helpers/get-state-object-string");
+const standalone_1 = require("prettier/standalone");
+/**
+ * TO-DO: support types
+ */
+const contextToSvelte = (options) => ({ context }) => {
+    const isReactive = context.type === 'reactive';
+    let str = `
+const key = Symbol();  
+${isReactive ? 'import {writable} from "svelte/store";' : ''}
+
+export default {
+  ${context.name}: ${[
+        isReactive && 'writable(',
+        (0, get_state_object_string_1.stringifyContextValue)(context.value),
+        isReactive && ')',
+    ]
+        .filter(Boolean)
+        .join('')}, 
+  key 
+}
+`;
+    if (options.prettier !== false) {
+        try {
+            str = (0, standalone_1.format)(str, {
+                parser: 'typescript',
+                plugins: [
+                    require('prettier/parser-typescript'), // To support running in browsers
+                ],
+            });
+        }
+        catch (err) {
+            if (process.env.NODE_ENV !== 'test') {
+                console.error('Format error for file:', str);
+            }
+            throw err;
+        }
+    }
+    return str;
+};
+exports.contextToSvelte = contextToSvelte;

package/dist/src/generators/context/vue.d.ts

@@ -0,0 +1,3 @@
+export declare const contextToVue: (options: Pick<import("../..").BaseTranspilerOptions, "prettier">) => ({ context }: {
+    context: import("../../types/mitosis-context").MitosisContext;
+}) => string;

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contextToVue = void 0;
+const context_with_symbol_key_1 = require("./helpers/context-with-symbol-key");
+exports.contextToVue = context_with_symbol_key_1.getContextWithSymbolKey;

package/dist/src/generators/helpers/context.d.ts

@@ -0,0 +1,8 @@
+import { ContextGetInfo, ContextSetInfo, MitosisComponent, ReactivityType } from '../../types/mitosis-component';
+export declare const hasContext: (component: MitosisComponent) => boolean;
+export declare const hasSetContext: (component: MitosisComponent) => boolean;
+export declare const hasGetContext: (component: MitosisComponent) => boolean;
+export declare const getContextType: ({ component, context, }: {
+    component: MitosisComponent;
+    context: ContextGetInfo | ContextSetInfo;
+}) => ReactivityType;

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getContextType = exports.hasGetContext = exports.hasSetContext = exports.hasContext = void 0;
+const hasContext = (component) => (0, exports.hasSetContext)(component) || (0, exports.hasGetContext)(component);
+exports.hasContext = hasContext;
+const hasSetContext = (component) => Object.keys(component.context.set).length > 0;
+exports.hasSetContext = hasSetContext;
+const hasGetContext = (component) => Object.keys(component.context.get).length > 0;
+exports.hasGetContext = hasGetContext;
+const getContextType = ({ component, context, }) => {
+    var _a, _b;
+    // TO-DO: remove useMetadata check if no longer needed.
+    return ((_b = (_a = component.meta.useMetadata) === null || _a === void 0 ? void 0 : _a.contextTypes) === null || _b === void 0 ? void 0 : _b[context.name]) || context.type || 'normal';
+};
+exports.getContextType = getContextType;

package/dist/src/generators/helpers/functions.d.ts

@@ -0,0 +1,2 @@
+import { MitosisPlugin } from '../../modules/plugins';
+export declare const FUNCTION_HACK_PLUGIN: MitosisPlugin;

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FUNCTION_HACK_PLUGIN = void 0;
+const patterns_1 = require("../../helpers/patterns");
+const FUNCTION_HACK_PLUGIN = () => ({
+    json: {
+        pre: (json) => {
+            for (const key in json.state) {
+                const state = json.state[key];
+                const value = state === null || state === void 0 ? void 0 : state.code;
+                const type = state === null || state === void 0 ? void 0 : state.type;
+                if (typeof value === 'string' && type === 'method') {
+                    const newValue = (0, patterns_1.prefixWithFunction)(value);
+                    json.state[key] = {
+                        ...state,
+                        code: newValue,
+                        type: 'method',
+                    };
+                }
+                else if (typeof value === 'string' && type === 'function') {
+                    json.state[key] = {
+                        ...state,
+                        code: value,
+                        type: 'method',
+                    };
+                }
+            }
+        },
+    },
+});
+exports.FUNCTION_HACK_PLUGIN = FUNCTION_HACK_PLUGIN;

package/dist/src/generators/helpers/minify.d.ts

@@ -0,0 +1 @@
+export declare function minify(messageParts: TemplateStringsArray, ...expressions: readonly any[]): string;

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.minify = void 0;
+function minify(messageParts, ...expressions) {
+    let text = '';
+    for (let i = 0; i < messageParts.length; i++) {
+        const part = messageParts[i];
+        text += part;
+        if (i < expressions.length) {
+            text += expressions[i];
+        }
+    }
+    return text
+        .replace('\n', ' ')
+        .replace(/^\s+/, '')
+        .replace(/\s+$/, '')
+        .replace(/\s+/g, ' ')
+        .replace(/\s?([,;\:\-\{\}\(\)\<\>])\s?/g, (_, match) => match);
+}
+exports.minify = minify;

package/dist/src/generators/helpers/on-mount.d.ts

@@ -0,0 +1,5 @@
+import { MitosisComponent } from '../../types/mitosis-component';
+/**
+ * Helper for frameworks where all `onMount()`s must share a single scope.
+ */
+export declare const stringifySingleScopeOnMount: (json: MitosisComponent) => string;

package/dist/src/generators/helpers/on-mount.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stringifySingleScopeOnMount = void 0;
+/**
+ * Helper for frameworks where all `onMount()`s must share a single scope.
+ */
+const stringifySingleScopeOnMount = (json) => {
+    const hooks = json.hooks.onMount;
+    if (hooks.length === 0)
+        return '';
+    if (hooks.length === 1) {
+        return hooks[0].code;
+    }
+    return hooks
+        .map((hook, i) => {
+        const hookFnName = `onMountHook_${i}`;
+        return `
+    const ${hookFnName} = () => {
+      ${hook.code}
+    }
+    ${hookFnName}();`;
+    })
+        .join('');
+};
+exports.stringifySingleScopeOnMount = stringifySingleScopeOnMount;

package/dist/src/generators/helpers/rsc.d.ts

@@ -0,0 +1,2 @@
+import type { MitosisComponent } from '../../types/mitosis-component';
+export declare const checkIfIsClientComponent: (json: MitosisComponent) => boolean;

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

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkIfIsClientComponent = void 0;
+const event_handlers_1 = require("../../helpers/event-handlers");
+const is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const checkIsNodeAMitosisComponent = (node) => node.name[0] === node.name[0].toUpperCase();
+const checkIfIsClientComponent = (json) => {
+    var _a, _b;
+    if (json.hooks.onMount.length)
+        return true;
+    if ((_a = json.hooks.onUnMount) === null || _a === void 0 ? void 0 : _a.code)
+        return true;
+    if ((_b = json.hooks.onUpdate) === null || _b === void 0 ? void 0 : _b.length)
+        return true;
+    if (Object.keys(json.refs).length)
+        return true;
+    if (Object.keys(json.context.set).length)
+        return true;
+    if (Object.keys(json.context.get).length)
+        return true;
+    if (Object.values(json.state).filter((s) => (s === null || s === void 0 ? void 0 : s.type) === 'property').length)
+        return true;
+    let foundEventListener = false;
+    (0, legacy_1.default)(json).forEach(function (node) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(node) && !checkIsNodeAMitosisComponent(node)) {
+            if (Object.keys(node.bindings).filter((item) => (0, event_handlers_1.checkIsEvent)(item)).length) {
+                foundEventListener = true;
+                this.stop();
+            }
+        }
+    });
+    return foundEventListener;
+};
+exports.checkIfIsClientComponent = checkIfIsClientComponent;

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