Function getChildren

packages/extension/utils/component.ts:90–164

(node: SceneNode)

}

function getChildren(node: SceneNode): DesignNode[] | null {
  if (!('children' in node)) {
    return null
  }

  const result: DesignNode[] = []
  for (const child of node.children) {
    const { visible } = child
    switch (child.type) {
      case 'INSTANCE': {
        const component = getDesignComponent(child)
        if (component) {
          result.push(component)
        }
        break
      }
      case 'TEXT': {
        result.push({
          name: child.name,
          type: 'TEXT',
          visible,
          characters: child.characters
        })
        break
      }
      case 'FRAME':
      case 'GROUP': {
        result.push({
          name: child.name,
          type: child.type,
          visible,
          children: getChildren(child) ?? []
        })
        break
      }
      case 'VECTOR': {
        type FillArray = Exclude<typeof child.fills, symbol>
        if (!Array.isArray(child.fills)) {
          break
        }
        const fills: Fill[] = []
        ;(child.fills as FillArray).forEach((fill) => {
          if (fill.type !== 'SOLID') {
            return
          }

          const { color: rgb, boundVariables } = fill
          const hex = rgbToHex(rgb)
          let color: string | Variable

          if (figma && boundVariables?.color) {
            const variable = figma.variables.getVariableById(boundVariables.color.id)
            color = variable ? { name: variable.name, value: hex } : hex
          } else {
            color = hex
          }

          fills.push({ color })