Function populateComponentProps

src/nodes/process/structure/utils.ts:418–463

(node: Protocol, frames: FigmaFrameInfo[], thumbnailUrl?: string)

 * @param thumbnailUrl - Design thumbnail URL for AI visual context
 */
export async function populateComponentProps(node: Protocol, frames: FigmaFrameInfo[], thumbnailUrl?: string): Promise<void> {
    if (!node || !node.children || node.children.length === 0) return;

    const componentGroups = extractComponentGroups(node);

    // Process each component group to extract props and data
    for (const [compName, group] of componentGroups) {
        if (group.length === 0) continue;

        const isList = group.length > 1;
        const allElements = group.flatMap(g => g.data.elements || []);
        const simplifiedNodes = allElements
            .filter((n): n is FigmaFrameInfo => typeof n === 'object' && n !== null)
            .map(n => simplifyFigmaNodeForContent(n));
        const figmaDataJson = JSON.stringify(simplifiedNodes);
        const containerName = node.data.name || 'Container';

        try {
            const { extractDataListPrompt } = await import('./prompt');
            const prompt = extractDataListPrompt({
                containerName,
                childComponentName: compName,
                figmaData: figmaDataJson,
            });

            const result = await callModel({
                question: prompt,
                imageUrls: thumbnailUrl,
                responseFormat: { type: 'json_object' },
            });

            const json = extractJSON(result);
            const parsed = JSON.parse(json) as ParsedDataListResponse;
            applyPropsAndStateToProtocol(parsed, node, compName, group, isList);
        } catch (e) {
            logger.printErrorLog(
                `Failed to extract data list for ${compName} in ${containerName}: ${e instanceof Error ? e.message : String(e)}`
            );
        }
    }

    // Recursively process children
    for (const child of node.children) {
        await populateComponentProps(child, frames, thumbnailUrl);
    }
}