📡 CDN Component-Limbo

Información completa sobre el CDN, integración para servir los archivos de Component-Limbo en porales sin compilador JS o compilador JS antiguo.

API-Limbo incluye un CDN integrado que sirve directamente los archivos compilados de Component-Limbo. Esto elimina la dependencia de CDNs externos y garantiza la disponibilidad de los archivos.

✅ Ventajas del CDN Integrado

  • Sin dependencias externas: Los archivos se sirven desde el mismo proyecto
  • Control total: Gestión completa de versiones y caching
  • Rendimiento: Cacheo optimizado y headers CORS configurados
  • Seguridad: Validación de archivos y versiones

    • 📦 Archivos Disponibles

    JavaScript

    limbo.min.js

    Build UMD minificado con React incluido. Recomendado para sitios web sin React.

    https://limbo.lefebvre.es/cdn/component-limbo/latest/limbo.min.js

    limbo.umd.js

    Build UMD sin minificar para debugging. Mismo contenido que limbo.min.js pero legible.

    https://limbo.lefebvre.es/cdn/component-limbo/latest/limbo.umd.js

    limbo.es.js

    Build ES Module para bundlers modernos (Webpack, Vite, etc.). React como dependencia externa.

    https://limbo.lefebvre.es/cdn/component-limbo/latest/limbo.es.js

    limbo.cjs.js

    Build CommonJS para Node.js y sistemas legacy. React como dependencia externa.

    https://limbo.lefebvre.es/cdn/component-limbo/latest/limbo.cjs.js

    CSS

    limbo.css

    Estilos optimizados del componente con Tailwind CSS compilado y prefix 'lb-'.

    https://limbo.lefebvre.es/cdn/component-limbo/latest/limbo.css

    🏷️ Gestión de Versiones

    latest

    Apunta siempre a la última versión estable. Cache: 1 hora 

    https://limbo.lefebvre.es/cdn/component-limbo/latest/limbo.min.js

    v1.0.0 (EJEMPLO)

    Versión específica inmutable. Cache: 1 año (recomendado para producción) 

    https://limbo.lefebvre.es/cdn/component-limbo/v1.0.0/limbo.min.js

    Para comprobar que versionas están disponibles haz una llamada a /cdn/component-limbo/info

    💻 Ejemplos de Uso

    🌐 Integración Básica (UMD)

    Para sitios web sin React o bundlers:

    <!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://limbo.lefebvre.es/cdn/component-limbo/latest/limbo.css">
</head>
<body>
    <div id="limbo-gallery"></div>
    
    <script src="https://limbo.lefebvre.es/cdn/component-limbo/latest/limbo.min.js"></script>
    <script>
        const limbo = new Limbo.configure({
            container: '#limbo-gallery',
            publicKey: 'tu-public-key',
			authMethod: 'session'
        });
        limbo.init();
    </script>
</body>
</html>

    📦 Integración con Bundler (ESM)

    Para proyectos con Webpack, Vite, etc.:

    // Descargar desde el CDN e importar localmente
// O usar en script type="module"

import Limbo from 'limbo-component';

const limbo = new Limbo.configure({
    container: '#gallery',
    token: 'tu-token',
    authMode: "manual" // o "session" ('manual' por defecto)
});

limbo.init();

    🔌 API de Información

    Puedes obtener información completa sobre los archivos disponibles mediante la API:

    HTTP 
    GET https://limbo.lefebvre.es/cdn/component-limbo/info

    Esta API devuelve información sobre versiones disponibles, tamaños de archivos, URLs de ejemplo y instrucciones de uso.

    👉 Próximos Pasos

    🖼️

    Componente limbo

    Guía de configuracion para el componente de limbo

    →     📦

    Instalación Detallada

    Guía completa de instalación y configuración inicial.

    →     🔧

    Explorar API

    Aprende sobre autenticación, assets y endpoints

    →