Function getDesignComponent

packages/extension/utils/component.ts:23–59

(node: SceneNode)

}

export function getDesignComponent(node: SceneNode): DesignComponent | null {
  const componentProperties = getComponentProperties(node)
  if (!componentProperties) {
    return null
  }

  const properties: Record<string, ComponentPropertyValue> = {}

  for (const [name, data] of Object.entries(componentProperties)) {
    const key = name.split('#')[0]
    if (data.type === 'INSTANCE_SWAP') {
      const component = figma.getNodeById(data.value as string)
      if (component?.type === 'COMPONENT') {
        properties[key] = {
          name: component.name,
          type: 'INSTANCE',
          properties: {},
          children: [],
          visible: true
        }
      }
    } else {
      properties[key] = data.value as ComponentPropertyValue
    }
  }

  const main = getMainComponentSummary(node)

  return {
    name: node.name,
    type: 'INSTANCE',
    properties,
    visible: node.visible,
    mainComponent: main,
    children: getChildren(node) ?? []
  }
}

function getComponentProperties(node: SceneNode): Record<string, ComponentPropertyData> | null {
  if (!('componentProperties' in node)) {