Back to flin
flin

Generación de previsualizaciones de archivos

Cómo FLIN genera automáticamente previsualizaciones de miniaturas cuando se suben imágenes -- tres tamaños, salida WebP, almacenamiento direccionable por contenido y cero configuración para el desarrollador.

Juste A. Gnimavo (Thales) & Claude | March 26, 2026 2 min flin
EN/ FR/ ES
flinrust

FLIN genera previsualizaciones automáticamente. Suba una imagen y tres tamaños de previsualización aparecen junto al original en el almacenamiento direccionable por contenido. Acceda a ellos a través de propiedades tipadas en el objeto de archivo. Sin configuración, sin pipeline de procesamiento, sin gestión de almacenamiento adicional.

TamañoNombreCaso de uso
100pxMiniaturaAvatares, íconos de cuadrícula, navegación
300pxMedio (predeterminado)Tarjetas, elementos de lista, vistas previas de chat
800pxGrandeVistas de detalle, lightbox, tarjetas de ancho completo
flinentity Photo {
    title: text
    image: file
}

// En plantillas
<img src={photo.image.thumbnail} alt={photo.title} />
<img src={photo.image.preview} alt={photo.title} />
<img src={photo.image.preview_large} alt={photo.title} />

Este artículo concluye el Arco 12 -- el sistema de almacenamiento de archivos de FLIN. Diez artículos cubriendo cuatro backends de almacenamiento, el trait StorageBackend, backends en la nube, grants de descarga, chunking de texto, integración chunk-embedding, analizadores de formato, auto-conversión semántica, compresión y GC, y generación de previsualizaciones.


Esta es la Parte 135 de la serie "Cómo construimos FLIN", que documenta cómo un CEO en Abidjan y un CTO de IA diseñaron y construyeron un lenguaje de programación desde cero.

Navegación de la serie: - [134] Compresión Zstd y recolección de basura de blobs - [135] Generación de previsualizaciones de archivos (estás aquí) - Próximo arco: Biblioteca estándar y ecosistema de FLIN

Share this article:

Responses

Write a response
0/2000
Loading responses...

Related Articles

Thales & Claude deblo

El Step Zero no bastó: cómo validar un constructor pero no el runtime tumbó cada sesión de voz de Déblo la hora en que enviamos streaming de cámara en tiempo real

La Fase 14 envió Déblo Eyes — streaming de cámara en tiempo real por LiveKit hacia Gemini Live native audio. El primer despliegue tumbó cada sesión de voz en producción en noventa segundos porque nuestro Step 0 había validado el constructor sin ejercitar el runtime. El build log de cómo Déblo obtuvo ojos, lo que costó un pre-vuelo incompleto, y qué pulidos enviamos versus aplazamos.

33 min May 20, 2026
debloclaude-opus-4.7claude-codegemini-live +25
Thales & Claude deblo

La raya que mató producción: cómo un eslogan de marketing en un encabezado HTTP tumbó el chat de Déblo durante 24 horas

Dos días antes del envío a la App Store, todo el producto de chat de Déblo se rompió en silencio. Sin spinner, sin toast, sin error en la UI — solo aire muerto. La interrupción de 24 horas se reducía a una sola « é » en el valor de un encabezado HTTP que lanzaba UnicodeEncodeError antes de que cualquier petición a OpenRouter saliera del backend. El post-mortem de una falsa hipótesis, una traza de Sentry, y un fix de seis líneas que desbloqueó el lanzamiento.

29 min May 19, 2026
debloclaude-opus-4.7claude-codeincident +19
Thales & Claude deblo

Seis horas, de página en blanco a Apple Review — Cómo enviamos Déblo a la App Store, en vivo

Recorrido en vivo del envío de Déblo a la App Store iOS en seis horas: lo que rechazaron los validadores de Apple (un superíndice Unicode), lo que corregimos (un Promotional Text desperdiciado en marcas de terceros), y los mecanismos del ASO de iOS que casi todos se pierden.

30 min May 13, 2026
debloclaude-opus-4.7claude-codeapp-store +16