Acceso API para equipos, automatizacion y CI

Por que los equipos pagan por acceso API

• Automatiza la generacion de estilos en lugar de repetir acciones manuales en los generadores.
• Ejecuta exportaciones de estilos deterministas en CI y manten resultados consistentes.
• Controla el uso con claves, limites mensuales y facturacion por solicitud.

Casos de uso tipicos

Inicio rapido

1. Activa API Access en PRO/PREMIUM o compra creditos API adicionales.
2. Crea una clave en tu perfil y guardala en las variables de entorno.
3. Envia solicitudes autenticadas y supervisa el uso en tu panel.

Primera solicitud en 5 minutos

1. Inicia sesion y abre la seccion de gestion API en autoservicio en esta pagina.
2. Crea una clave (por ejemplo, Production CI) y guardala en tus secretos.
3. Copia el ejemplo cURL de abajo, pega tu X-API-Key y ejecutalo.
4. Usa el campo css de la respuesta en tus archivos, plantillas o pipeline CI.

Endpoints principales

Ejemplos de solicitud

cURL

curl -X POST "https://css-zone.com/api/api-access/generate/js-decompress" \
  -H "X-API-Key: cz_api_xxx" \
  -H "Content-Type: application/json" \
  -d '{
    "sourceCode": "const a=n=>n.map(t=>t*2);export{a};",
    "options": {
      "renameIdentifiers": true,
      "retainComments": true,
      "outputLanguage": "js"
    }
  }'

JavaScript

const response = await fetch("https://css-zone.com/api/api-access/generate/js-execution-trace", {
  method: "POST",
  headers: {
    "X-API-Key": "cz_api_xxx",
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    sourceCode: "function sum(a,b){return a+b}; function run(){return sum(2,3)}",
    options: { entryFunction: "run", entryArgs: [], timeoutMs: 5000 }
  })
});

const data = await response.json();

Ejemplo de respuesta

{
  "code": "const get1 = input1 => input1.map(value1 => value1 * 2);\\nexport { get1 };",
  "stats": {
    "sourceBytes": 33,
    "outputBytes": 66,
    "sourceLines": 1,
    "outputLines": 2,
    "renamedCount": 2
  },
  "usage": {
    "periodMonth": "2026-02",
    "tier": "pro",
    "includedLimit": 5000,
    "includedUsed": 41,
    "includedRemaining": 4959,
    "billedUsed": 0,
    "totalRequests": 41,
    "creditsRemaining": 0
  }
}

Ejemplo listo para GitHub Actions

Agrega tu clave a los secretos del repositorio (por ejemplo, CSS_ZONE_API_KEY), y el pipeline podra generar CSS automaticamente en cada push.

name: JS API Tools in CI
on:
  push:
    branches: [ main ]

jobs:
  js-decompress:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4

      - name: Decompress JS bundle chunk
        run: |
          curl -s -X POST "https://css-zone.com/api/api-access/generate/js-decompress" \
            -H "X-API-Key: $CSS_ZONE_API_KEY" \
            -H "Content-Type: application/json" \
            -d '{"sourceCode":"const a=n=>n.map(t=>t*2);export{a};","options":{"renameIdentifiers":true,"outputLanguage":"js"}}' \
            > decompressed.json

      - name: Save JS artifact
        run: |
          cat decompressed.json | jq -r '.code' > output.js

Limites y facturacion

• El paquete API inicial incluye cuota mensual de solicitudes.
• Los excesos se cobran por bloques adicionales de solicitudes.
• Las cabeceras de rate limit se devuelven en cada respuesta.

Errores API comunes

FAQ