Queries y Transformaciones

Crear query

1. Panel inferior > +
2. Selecciona datasource
3. Configura query

SQL Queries

Básica

SELECT * FROM productos
WHERE precio > {{components.slider1.value}}
ORDER BY nombre

Con parámetros

SELECT * FROM usuarios
WHERE email = {{components.textinput1.value}}

REST API

GET

URL: https://api.ejemplo.com/users
Method: GET
Headers: {
  "Authorization": "Bearer {{globals.apiKey}}"
}

POST

URL: https://api.ejemplo.com/users
Method: POST
Body: {
  "name": "{{components.nameInput.value}}",
  "email": "{{components.emailInput.value}}"
}

Transformaciones

Procesa datos después de la query:

// Filtrar resultados
return data.filter(item => item.active === true)

// Mapear campos
return data.map(item => ({
  id: item.id,
  nombre: item.firstName + ' ' + item.lastName,
  email: item.email
}))

// Agrupar
const grouped = data.reduce((acc, item) => {
  acc[item.category] = acc[item.category] || []
  acc[item.category].push(item)
  return acc
}, {})
return Object.entries(grouped)

Ejecución

Automática

• Al cargar página
• Al cambiar componente vinculado

Manual

• Botón con evento onClick
• Run query action

Encadenada

Query B ejecuta después de Query A:

1. Query A > Events > On Success
2. Run Query > Query B