@builder.io/mitosis 0.9.3 → 0.9.5

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

@@ -1,334 +1,287 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentToSwift = void 0;
-const event_handlers_1 = require("../../helpers/event-handlers");
-const legacy_1 = __importDefault(require("neotraverse/legacy"));
 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 generic_format_1 = require("../../helpers/generic-format");
-const get_state_object_string_1 = require("../../helpers/get-state-object-string");
-const get_styles_1 = require("../../helpers/get-styles");
-const is_children_1 = __importDefault(require("../../helpers/is-children"));
-const is_mitosis_node_1 = require("../../helpers/is-mitosis-node");
-const state_1 = require("../../helpers/state");
-const try_prettier_format_1 = require("../../helpers/try-prettier-format");
-const mitosis_node_1 = require("../../types/mitosis-node");
-const scrolls = (json) => {
-    var _a;
-    return ((_a = (0, get_styles_1.getStyles)(json)) === null || _a === void 0 ? void 0 : _a.overflow) === 'auto';
-};
-const mappers = {
-    Fragment: (json, options) => {
-        return `${json.children.map((item) => blockToSwift(item, options)).join('\n')}`;
-    },
-    link: () => '',
-    Image: (json, options) => {
-        var _a;
-        return (`Image(${processBinding((_a = json.bindings.image) === null || _a === void 0 ? void 0 : _a.code, options) || `"${json.properties.image}"`})` +
-            getStyleString(json, options) +
-            getActionsString(json, options));
-    },
-    input: (json, options) => {
-        var _a, _b;
-        const name = json.properties.$name;
-        let str = `TextField(${json.bindings.placeholder
-            ? processBinding((_a = json.bindings.placeholder) === null || _a === void 0 ? void 0 : _a.code, options)
-            : json.properties.placeholder
-                ? JSON.stringify(json.bindings.placeholder.code)
-                : '""'}, text: $${name})` +
-            getStyleString(json, options) +
-            getActionsString(json, options);
-        if (json.bindings.onChange) {
-            str += `
-        .onChange(of: ${name}) { ${name} in 
-          ${processBinding(wrapAction(`var event = { target: { value: "\\(${name})" } };
-              ${(_b = json.bindings.onChange) === null || _b === void 0 ? void 0 : _b.code}`), options)} 
-        }`;
-        }
-        return str;
-    },
+const get_props_1 = require("../../helpers/get-props");
+const get_refs_1 = require("../../helpers/get-refs");
+const getters_to_functions_1 = require("../../helpers/getters-to-functions");
+const merge_options_1 = require("../../helpers/merge-options");
+const on_event_1 = require("../../helpers/on-event");
+const patterns_1 = require("../../helpers/patterns");
+const process_code_1 = require("../../helpers/plugins/process-code");
+const slots_1 = require("../../helpers/slots");
+const strip_meta_properties_1 = require("../../helpers/strip-meta-properties");
+const plugins_1 = require("../../modules/plugins");
+const blocks_1 = require("./blocks");
+const helpers_1 = require("./helpers");
+const DEFAULT_OPTIONS = {
+    stateType: 'state',
+    formatCode: true,
+    includeTypes: true,
+    includePreview: true,
+    classPrefix: '',
 };
-const blockToSwift = (json, options) => {
+const componentToSwift = (userProvidedOptions) => ({ component }) => {
     var _a, _b;
-    if (mappers[json.name]) {
-        return mappers[json.name](json, options);
-    }
-    // TODO: Add support for `{props.children}` bindings
-    // Right now we return an empty string because the generated code
-    // is very likely wrong.
-    if ((0, is_children_1.default)({ node: json })) {
-        return '/* `props.children` is not supported yet for SwiftUI */';
-    }
-    if (json.properties._text) {
-        if (!json.properties._text.trim().length) {
-            return '';
-        }
-        return `Text("${json.properties._text.trim().replace(/\s+/g, ' ')}")`;
-    }
-    if (json.bindings._text) {
-        return `Text(${processBinding(json.bindings._text.code, options)}.toString())`;
-    }
-    let str = '';
-    const children = json.children.filter(filter_empty_text_nodes_1.filterEmptyTextNodes);
-    const style = (0, get_styles_1.getStyles)(json);
-    // TODO: do as preprocess step and do more mappings of dom attributes to special
-    // Image, TextField, etc component props
-    const name = json.name === 'input'
-        ? 'TextField'
-        : json.name === 'img'
-            ? 'Image'
-            : json.name[0].toLowerCase() === json.name[0]
-                ? scrolls(json)
-                    ? 'ScrollView'
-                    : (style === null || style === void 0 ? void 0 : style.display) === 'flex' && style.flexDirection !== 'column'
-                        ? 'HStack'
-                        : 'VStack'
-                : json.name;
-    if (name === 'TextField') {
-        const placeholder = json.properties.placeholder;
-        delete json.properties.placeholder;
-        json.properties._ = placeholder || '';
-    }
-    if ((0, mitosis_node_1.checkIsForNode)(json)) {
-        str += `ForEach(${processBinding((_a = json.bindings.each) === null || _a === void 0 ? void 0 : _a.code, options)}, id: \\.self) { ${json.scope.forName} in ${children
-            .map((item) => blockToSwift(item, options))
-            .join('\n')} }`;
-    }
-    else if (json.name === 'Show') {
-        str += `if ${processBinding((_b = json.bindings.when) === null || _b === void 0 ? void 0 : _b.code, options)} {
-      ${children.map((item) => blockToSwift(item, options)).join('\n')}
-    }`;
-    }
-    else {
-        str += `${name}(`;
-        for (const key in json.properties) {
-            if (key === 'class' || key === 'className') {
-                continue;
+    const options = (0, merge_options_1.initializeOptions)({
+        target: 'swift',
+        component,
+        defaults: DEFAULT_OPTIONS,
+        userOptions: userProvidedOptions,
+    });
+    options.plugins = [
+        ...(options.plugins || []),
+        (0, on_event_1.processOnEventHooksPlugin)(),
+        (0, process_code_1.CODE_PROCESSOR_PLUGIN)((codeType) => {
+            switch (codeType) {
+                case 'bindings':
+                case 'properties':
+                case 'hooks':
+                case 'hooks-deps':
+                case 'hooks-deps-array':
+                case 'state':
+                case 'context-set':
+                case 'dynamic-jsx-elements':
+                case 'types':
+                    return (x) => (0, helpers_1.convertConsoleLogToPrint)(x);
+            }
+        }),
+        (0, process_code_1.CODE_PROCESSOR_PLUGIN)((codeType) => {
+            switch (codeType) {
+                case 'hooks':
+                    return (code) => (0, helpers_1.stripStateAndProps)({ json, options })(code);
+                case 'bindings':
+                case 'hooks-deps':
+                case 'state':
+                    return (code) => (0, patterns_1.stripGetter)((0, helpers_1.stripStateAndProps)({ json, options })(code));
+                case 'properties':
+                case 'context-set':
+                    return (code) => (0, helpers_1.stripStateAndProps)({ json, options })(code);
+                case 'dynamic-jsx-elements':
+                case 'hooks-deps-array':
+                case 'types':
+                    return (x) => (0, helpers_1.convertConsoleLogToPrint)(x);
             }
-            // TODO: binding mappings
-            // const value = json.properties[key];
-            // str += ` ${key}: "${(value as string).replace(/"/g, '"')}", `;
-            console.warn(`Unsupported property "${key}"`);
+        }),
+    ];
+    // Make a copy we can safely mutate
+    let json = (0, fast_clone_1.fastClone)(component);
+    json = (0, plugins_1.runPreJsonPlugins)({ json, plugins: options.plugins });
+    (0, getters_to_functions_1.gettersToFunctions)(json);
+    const componentName = options.classPrefix + (json.name || ((_a = json.meta.useMetadata) === null || _a === void 0 ? void 0 : _a.name) || 'MitosisComponent');
+    // Process props
+    const filteredProps = Array.from((0, get_props_1.getProps)(json)).filter((prop) => !(0, slots_1.isSlotProperty)(prop));
+    const props = Array.from(new Set(filteredProps));
+    // Process refs (not directly applicable in SwiftUI, will be converted to @State)
+    const refs = Array.from((0, get_refs_1.getRefs)(json))
+        .map((0, helpers_1.stripStateAndProps)({ json, options }))
+        .filter((x) => !props.includes(x));
+    json = (0, plugins_1.runPostJsonPlugins)({ json, plugins: options.plugins });
+    (0, strip_meta_properties_1.stripMetaProperties)(json);
+    // Generate state variables
+    const stateProperties = Object.entries(json.state)
+        .filter(([_, value]) => {
+        // Skip methods - they'll be handled separately
+        return !((value === null || value === void 0 ? void 0 : value.type) === 'method' ||
+            ((value === null || value === void 0 ? void 0 : value.code) && (value.code.includes('function') || value.code.includes('=>'))));
+    })
+        .map(([key, value]) => {
+        var _a, _b, _c, _d, _e;
+        // Check for value properties safely
+        const propertyType = value === null || value === void 0 ? void 0 : value.propertyType;
+        // Determine Swift type - handle missing type property
+        let valueType = 'Any';
+        if (value === null || value === void 0 ? void 0 : value.typeParameter) {
+            valueType = value.typeParameter;
         }
-        for (const key in json.bindings) {
-            if (
-            // TODO: implement spread, ref, more css
-            key === '_spread' ||
-                key === 'ref' ||
-                key === 'css' ||
-                key === 'class' ||
-                key === 'className') {
-                continue;
+        else {
+            // Try to infer type from code if possible
+            if (((_a = value === null || value === void 0 ? void 0 : value.code) === null || _a === void 0 ? void 0 : _a.includes('"')) || ((_b = value === null || value === void 0 ? void 0 : value.code) === null || _b === void 0 ? void 0 : _b.includes("'"))) {
+                valueType = 'string';
+            }
+            else if ((_c = value === null || value === void 0 ? void 0 : value.code) === null || _c === void 0 ? void 0 : _c.match(/^[0-9]+(\.[0-9]+)?$/)) {
+                valueType = 'number';
             }
-            if ((0, event_handlers_1.checkIsEvent)(key)) {
-                if (key === 'onClick') {
-                    continue;
-                }
-                else {
-                    // TODO: other event mappings
-                    console.warn(`Unsupported event binding "${key}"`);
-                }
+            else if ((value === null || value === void 0 ? void 0 : value.code) === 'true' || (value === null || value === void 0 ? void 0 : value.code) === 'false') {
+                valueType = 'boolean';
             }
-            else {
-                console.warn(`Unsupported binding "${key}"`);
-                // TODO: need binding mappings
-                // str += ` ${key}: ${processBinding(value, options)}, `;
+            else if (((_d = value === null || value === void 0 ? void 0 : value.code) === null || _d === void 0 ? void 0 : _d.startsWith('[')) || ((_e = value === null || value === void 0 ? void 0 : value.code) === null || _e === void 0 ? void 0 : _e.startsWith('Array'))) {
+                valueType = 'Array<Any>';
             }
         }
-        str += `)`;
-        str += ` {`;
-        if (json.children) {
-            str += json.children.map((item) => blockToSwift(item, options)).join('\n');
+        const typeAnnotation = (0, helpers_1.getStatePropertyTypeAnnotation)(propertyType, valueType);
+        const swiftType = (0, helpers_1.getSwiftType)(valueType);
+        let stateDeclaration = `${typeAnnotation} ${key}: ${swiftType}`;
+        // Add default value if present
+        if (value === null || value === void 0 ? void 0 : value.code) {
+            stateDeclaration += ` = ${value.code}`;
         }
-        str += `}`;
-        str += getStyleString(json, options);
-        str += getActionsString(json, options);
-    }
-    return str;
-};
-const wrapAction = (str) => `(() => { ${str} })()`;
-function getActionsString(json, options) {
-    let str = '';
-    if (json.bindings.onClick) {
-        str += `\n.onTapGesture {
-      ${processBinding(wrapAction(json.bindings.onClick.code), options)}
-    }`;
-    }
-    return str;
-}
-function getStyleString(node, options) {
-    const style = (0, get_styles_1.getStyles)(node);
-    let str = '';
-    for (const key in style) {
-        let useKey = key;
-        const rawValue = style[key];
-        let value = `"${rawValue}"`;
-        if (['padding', 'margin'].includes(key)) {
-            // TODO: throw error if calc()
-            value = parseFloat(rawValue);
-            str += `\n.${useKey}(${value})`;
+        else {
+            // Add default initialization based on type
+            switch (swiftType) {
+                case 'String':
+                    stateDeclaration += ' = ""';
+                    break;
+                case 'Bool':
+                    stateDeclaration += ' = false';
+                    break;
+                case 'Double':
+                case 'Int':
+                    stateDeclaration += ' = 0';
+                    break;
+                case 'Array<String>':
+                case '[String]':
+                    stateDeclaration += ' = []';
+                    break;
+                default:
+                    if (swiftType.includes('Array') || swiftType.includes('[')) {
+                        stateDeclaration += ' = []';
+                    }
+                    else if (swiftType !== 'Any' && swiftType !== 'Void') {
+                        stateDeclaration += '/* initialize with appropriate default */';
+                    }
+            }
         }
-        else if (key === 'color') {
-            useKey = 'foregroundColor';
-            // TODO: convert to RBG and use Color(red: ..., ....)
+        return stateDeclaration;
+    })
+        .join('\n  ');
+    // Generate state function variables with inline closure assignment
+    const functionStateProperties = [];
+    Object.entries(json.state)
+        .filter(([_, value]) => {
+        return ((value === null || value === void 0 ? void 0 : value.type) === 'method' ||
+            ((value === null || value === void 0 ? void 0 : value.code) && (value.code.includes('function') || value.code.includes('=>'))));
+    })
+        .forEach(([key, value]) => {
+        if (!(value === null || value === void 0 ? void 0 : value.code)) {
+            // Handle empty function with inline closure
+            functionStateProperties.push(`private var ${key}: () -> Void = { () in /* Empty function */ }`);
+            return;
         }
-        else {
-            console.warn(`Styling key "${key}" is not supported`);
+        // Convert the JS function to Swift
+        const processedCode = (0, helpers_1.stripStateAndProps)({ json, options })(value.code);
+        const { swiftCode, signature } = (0, helpers_1.convertJsFunctionToSwift)(processedCode, `_${key}`);
+        // Parse signature to get parameter list and return type
+        const signatureMatch = signature.match(/func _([^(]+)\(([^)]*)\) -> ([^{]+)/);
+        if (signatureMatch) {
+            const [, funcName, params, returnType] = signatureMatch;
+            // Create the function type for the state variable
+            const paramTypes = params
+                ? params
+                    .split(',')
+                    .map((p) => { var _a; return ((_a = p.trim().split(':')[1]) === null || _a === void 0 ? void 0 : _a.trim()) || 'Any'; })
+                    .join(', ')
+                : '';
+            const functionType = params
+                ? `(${paramTypes}) -> ${returnType.trim()}`
+                : `() -> ${returnType.trim()}`;
+            // Extract function body from swiftCode
+            const bodyMatch = swiftCode.match(/{\s*([\s\S]*?)\s*}/);
+            const functionBody = bodyMatch ? bodyMatch[1].trim() : '/* Empty function body */';
+            // Build closure syntax for inline assignment
+            const closureSyntax = params
+                ? `{ (${params}) -> ${returnType.trim()} in\n    ${functionBody}\n  }`
+                : `{ () -> ${returnType.trim()} in\n    ${functionBody}\n  }`;
+            // Add the state variable declaration with inline closure assignment
+            functionStateProperties.push(`var ${key}: ${functionType} = ${closureSyntax}`);
         }
-    }
-    return str;
-}
-function getJsSource(json, options) {
-    const str = `const state = new Proxy(${(0, get_state_object_string_1.getStateObjectStringFromComponent)(json)}, {
-    set: (target, key, value) => {
-      const returnVal = Reflect.set(target, key, value);
-      update();
-      return returnVal;
-    }
-  });`;
-    if (options.prettier === false) {
-        return str.trim();
-    }
-    else {
-        return (0, try_prettier_format_1.tryPrettierFormat)(str, 'typescript').trim();
-    }
-}
-const processBinding = (str, options) => {
-    // Use triple quotes for multiline strings or strings including '"'
-    if (str.includes('\n') || str.includes('"')) {
-        return `eval(code: """
-      ${str}
-      """)`;
-    }
-    // Use double quotes for simple strings
-    return `eval(code: "${str}")`;
-};
-function componentHasDynamicData(json) {
-    const hasState = (0, state_1.checkHasState)(json);
-    if (hasState) {
-        return true;
-    }
-    let found = false;
-    (0, legacy_1.default)(json).forEach(function (node) {
-        if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
-            if (Object.keys(node.bindings).filter((item) => item !== 'css').length) {
-                found = true;
-                this.stop();
-            }
+        else {
+            // Fallback if signature parsing fails
+            functionStateProperties.push(`var ${key}: () -> Void = { () in /* Could not parse function */ }`);
         }
     });
-    return found;
-}
-function mapDataForSwiftCompatability(json) {
-    let inputIndex = 0;
-    json.meta.inputNames = json.meta.inputNames || [];
-    (0, legacy_1.default)(json).forEach(function (node) {
-        var _a;
-        if ((0, is_mitosis_node_1.isMitosisNode)(node)) {
-            if (node.name === 'input') {
-                if (!Object.keys(node.bindings).filter((item) => item !== 'css').length) {
-                    return;
-                }
-                if (!node.properties.$name) {
-                    node.properties.$name = `input${++inputIndex}`;
-                }
-                json.meta.inputNames[node.properties.$name] =
-                    ((_a = node.bindings.value) === null || _a === void 0 ? void 0 : _a.code) || '';
-            }
+    // Process lifecycle methods
+    const lifecycleMethods = [];
+    // Only add onInit if needed and if there are no function state properties
+    // (to avoid duplicate initializers)
+    if ((_b = json.hooks.onInit) === null || _b === void 0 ? void 0 : _b.code) {
+        lifecycleMethods.push((0, dedent_1.dedent) `
+        init() {
+          ${json.hooks.onInit.code}
         }
-    });
-}
-function getInputBindings(json, options) {
-    let str = '';
-    const inputNames = json.meta.inputNames;
-    if (!inputNames) {
-        return str;
+      `);
     }
-    for (const item in inputNames) {
-        str += `\n@State private var ${item}: String = ""`;
-    }
-    return str;
-}
-const componentToSwift = (options = {}) => ({ component }) => {
-    const json = (0, fast_clone_1.fastClone)(component);
-    mapDataForSwiftCompatability(json);
-    const hasDyanmicData = componentHasDynamicData(json);
-    let children = json.children.map((item) => blockToSwift(item, options)).join('\n');
-    const hasInputNames = Object.keys(json.meta.inputNames || {}).length > 0;
+    // Generate SwiftUI component
     let str = (0, dedent_1.dedent) `
-    import SwiftUI
-    ${!hasDyanmicData
-        ? ''
-        : `import JavaScriptCore
-    
-    final class UpdateTracker: ObservableObject {
-        @Published var value = 0;
-    
-        func update() {
-            value += 1
-        }
-    }
-    `}
-
-    struct ${component.name}: View {
-      ${!hasDyanmicData
-        ? ''
-        : `
-        @ObservedObject var updateTracker = UpdateTracker()
-        private var jsContext = JSContext()
-        ${getInputBindings(json, options)}
+      import SwiftUI
 
-        func eval(code: String) -> JSValue! {
-          return jsContext?.evaluateScript(code)
+      struct ${componentName}: View {
+        ${props
+        .map((prop) => {
+        var _a, _b, _c, _d;
+        const propType = ((_b = (_a = json.props) === null || _a === void 0 ? void 0 : _a[prop]) === null || _b === void 0 ? void 0 : _b.propertyType) || 'Any';
+        const swiftType = (0, helpers_1.getSwiftType)(propType);
+        return `let ${prop}: ${swiftType}${((_d = (_c = json.props) === null || _c === void 0 ? void 0 : _c[prop]) === null || _d === void 0 ? void 0 : _d.optional) ? '?' : ''}`;
+    })
+        .join('\n  ')}
+        
+        ${stateProperties}
+        ${functionStateProperties.length > 0
+        ? '\n  // Function state variables\n  ' + functionStateProperties.join('\n  ')
+        : ''}
+        
+        var body: some View {
+          ${json.children
+        .map((item) => (0, blocks_1.blockToSwift)({
+        json: item,
+        options: options,
+        parentComponent: json,
+    }))
+        .join('\n')}
+          ${lifecycleMethods.filter((method) => method.startsWith('.')).join('\n  ')}
         }
-
-        ${!hasInputNames
-            ? ''
-            : `
-        func setComputedState() {
-          ${Object.keys(json.meta.inputNames || {})
-                .map((item) => {
-                return `${item} = ${processBinding(json.meta.inputNames[item], options)}.toString()!`;
-            })
-                .join('\n')}
-        }`}
-
-        init() {
-          let jsSource = """
-              ${getJsSource(json, options)}
-          """
-          jsContext?.exceptionHandler = { context, exception in
-            print("JS Error: \\(exception!)") 
+        
+        ${lifecycleMethods.filter((method) => !method.startsWith('.')).join('\n  ')}
+      }
+    `;
+    // Add preview if enabled
+    if (options.includePreview) {
+        str += (0, dedent_1.dedent) `
+        \n
+        #if DEBUG
+        struct ${componentName}_Previews: PreviewProvider {
+          static var previews: some View {
+            ${componentName}(
+              ${props
+            .map((prop) => {
+            var _a, _b, _c, _d;
+            const propType = ((_b = (_a = json.props) === null || _a === void 0 ? void 0 : _a[prop]) === null || _b === void 0 ? void 0 : _b.propertyType) || 'Any';
+            const swiftType = (0, helpers_1.getSwiftType)(propType);
+            // Generate appropriate preview values based on type
+            let previewValue = '';
+            switch (swiftType) {
+                case 'String':
+                    previewValue = '"Preview"';
+                    break;
+                case 'Bool':
+                    previewValue = 'false';
+                    break;
+                case 'Double':
+                case 'Int':
+                    previewValue = '0';
+                    break;
+                default:
+                    if ((_d = (_c = json.props) === null || _c === void 0 ? void 0 : _c[prop]) === null || _d === void 0 ? void 0 : _d.optional) {
+                        previewValue = 'nil';
+                    }
+                    else {
+                        previewValue = '/* provide preview value */';
+                    }
+            }
+            return `${prop}: ${previewValue}`;
+        })
+            .join(',\n              ')}
+            )
           }
-
-          let updateRef = updateTracker.update
-          let updateFn : @convention(block) () -> Void = { updateRef() }
-          jsContext?.setObject(updateFn, forKeyedSubscript: "update" as NSString)
-
-          jsContext?.evaluateScript(jsSource)
-        }
-      `.trim()}
-
-      var body: some View {
-        VStack {
-          ${children}
-        }${!hasInputNames
-        ? ''
-        : `
-        .onAppear {
-          setComputedState()
         }
-        `}
-      }
-    }
-  `;
-    if (options.prettier !== false) {
-        str = (0, generic_format_1.format)(str);
+        #endif
+      `;
     }
+    str = (0, plugins_1.runPreCodePlugins)({ json, code: str, plugins: options.plugins });
+    str = (0, generic_format_1.format)(str);
+    str = (0, plugins_1.runPostCodePlugins)({ json, code: str, plugins: options.plugins });
     return str;
 };
 exports.componentToSwift = componentToSwift;

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

@@ -0,0 +1,42 @@
+import { MitosisComponent } from '../../types/mitosis-component';
+import { MitosisNode } from '../../types/mitosis-node';
+import { ToSwiftOptions } from './types';
+export declare const convertConsoleLogToPrint: (code: string) => string;
+export declare const ensureSwiftStringFormat: (code: string) => string;
+export declare const stripStateAndProps: ({ json, options, }: {
+    json: MitosisComponent;
+    options: ToSwiftOptions;
+}) => (code: string) => string;
+export declare const getSwiftType: (type: string | undefined) => string;
+export declare const jsxElementToSwiftUIView: (tagName: string) => string;
+export declare const cssToSwiftUIModifiers: (style: Record<string, string>) => string[];
+export declare const getStatePropertyTypeAnnotation: (propertyType: string | undefined, type: string | undefined) => string;
+export declare const getEventHandlerName: (eventName: string) => string;
+export declare const needsScrollView: (json: MitosisNode) => boolean;
+export declare const isForEachBlock: (json: MitosisNode) => boolean;
+export declare const getForEachParams: (json: MitosisNode, processCode: (code: string) => string) => {
+    collection: string;
+    itemName: string;
+    indexName: string | null;
+};
+export declare const camelToSnakeCase: (str: string) => string;
+export declare const getBindingType: (key: string) => string;
+/**
+ * Extract function signature information from JavaScript function code
+ */
+export declare const extractFunctionSignature: (code: string) => {
+    name: string;
+    params: {
+        name: string;
+        type: string;
+    }[];
+    returnType: string;
+    body: string;
+};
+/**
+ * Convert JavaScript function code to Swift function syntax
+ */
+export declare const convertJsFunctionToSwift: (code: string, functionName?: string) => {
+    swiftCode: string;
+    signature: string;
+};