import { OptimoCMS } from '@optimocms/sdk';

const client = new OptimoCMS({
  apiKey: process.env.OPTIMOCMS_API_KEY!,
});

const importResult = await client.import.fromLovable('site_abc123', {
  projectUrl: 'https://mi-restaurante.lovable.app',
  name: 'Mi Restaurante (desde Lovable)',
});

console.log(`Importación iniciada: ${importResult.importId}`);
console.log(`Estado: ${importResult.status}`);
console.log(`Progreso: ${importResult.progress}%`);

Importa el proyecto Lovable en https://mi-restaurante.lovable.app a mi sitio OptimoCMS "site_abc123". Nómbralo "Mi Restaurante (desde Lovable)".

curl -X POST https://api.optimocms.com/v1/sites/$SITE_ID/import/url \
  -H "Authorization: Bearer $API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "url": "https://mi-restaurante.lovable.app",
    "name": "Mi Restaurante (desde Lovable)",
    "includeImages": true,
    "includeStyles": true,
    "source": "lovable"
  }'

async function waitForImport(siteId: string, importId: string): Promise<void> {
  let status = await client.import.status(siteId, importId);

  while (status.status === 'queued' || status.status === 'processing') {
    console.log(`Progreso: ${status.progress}% (${status.pagesImported} páginas)`);
    await new Promise(resolve => setTimeout(resolve, 2000));
    status = await client.import.status(siteId, importId);
  }

  if (status.status === 'completed') {
    console.log(`✓ ¡Importación completada! ${status.pagesImported} páginas importadas`);
  } else {
    console.error(`✗ Importación fallida: ${status.error}`);
  }
}

await waitForImport('site_abc123', importResult.importId);

const site = await client.sites.get('site_abc123');
console.log('Tokens detectados:', site.designTokens);

await client.designTokens.update('site_abc123', {
  colorPrimary: '#6366F1',
  colorBackground: '#FAFAFA',
  colorSurface: '#FFFFFF',
  colorText: '#18181B',
  colorTextMuted: '#71717A',
  fontBody: 'Inter',
  fontHeading: 'Inter',
  radiusCard: '12px',
  radiusButton: '8px',
  radiusInput: '8px',
});

console.log('✓ Design tokens ajustados');

for await (const page of client.pages.list('site_abc123')) {
  console.log(`Página: ${page.title} (/${page.slug}) — ${page.blocks.length} bloques`);
}

const result = await client.sites.publish('site_abc123');
console.log(`✓ Sitio publicado: ${result.status}`);

Publica el sitio "site_abc123" en producción.