Function buildExecutable

src/core/utils/frames/executable.ts:27–58

(root: FrameTreeNode)

  }

  export const buildExecutable = (root: FrameTreeNode) => {
    const treeNode : FrameExecutable = {...root, execActions: {}, execProps: {}, execStyles: {}, execPropsOptions: {}};
    const {sortedKeys, dependencies} = sortKeysByDependencies(treeNode.node.props, `${treeNode.id}.props`);
    const {sortedKeys: _, dependencies: styleDependencies} = sortKeysByDependencies(treeNode.node.styles, `${treeNode.id}.styles`);
    treeNode.execPropsOptions.props = sortedKeys.map(f => {
        return {
            name: f,
            isConst: stringIsConst(treeNode.node.props[f]),
            deps: dependencies.get(f) || []
        }
    });
    

    treeNode.execProps = applyFunctionToObject(treeNode.node.props, (e, k) => generateCodeForProp(e, false, treeNode.node.types?.[k]));
    treeNode.execStyles = applyFunctionToObject(treeNode.node.styles, (e) => generateCodeForProp(e, false));
    treeNode.execActions = applyFunctionToObject(treeNode.node.actions, (e) => generateCodeForProp(e, true));
    treeNode.children = treeNode.children.map((child) => 
      buildExecutable(child)
    );
    treeNode.execPropsOptions.children = [...(treeNode.children as FrameExecutable[]).flatMap(f => f.execPropsOptions.children), ...treeNode.children.map(f => f.id)]
    
    const nodeDependencies = [...(treeNode.children as FrameExecutable[]).flatMap(f => f.execPropsOptions.deps), 
    ...treeNode.execPropsOptions.props.flatMap(f => f.deps),  
    ...[...styleDependencies.values()].flat()]
    
    treeNode.execPropsOptions.deps = nodeDependencies.filter(f => f[0] != treeNode.id)
    
    if (treeNode.node.type == 'list') {
        treeNode.execPropsOptions.template = treeNode.children;
    }
    return treeNode;
}
function extractDependencies(code: string): string[][] {