Image Editor Generator

Propósito e intención del usuario: Image Editor Generator crea un esqueleto configur-able o plantilla de código para un componente de edición de imágenes que se puede insertar en apps web o móviles. Usuarios objetivo: desarrolladores frontend, equipos de plataforma e ingenieros de diseño que necesitan una experiencia de edición reutilizable sin codificar la lógica central desde cero. Resuelve el problema de editores inconsistentes y largos tiempos de configuración al proporcionar plantillas estandarizadas y una configuración de funciones clara.
Lógica central y características: El generador mantiene un catálogo de características (recortar, cambiar tamaño, girar, ajustes de color, filtros, capas, deshacer/rehacer, presets de exportación). Las características obligatorias incluyen un modelo de lienzo y una superficie operativa mínima; características opcionales/avanzadas incluyen edición multinivel, procesamiento por lotes, presets y plantillas específicas de framework. Las salidas pueden ser esqueletos de código en React, Vue o Vanilla JS o un manifiesto JSON que describa capacidades y superficies API. Las limitaciones de plataforma (web vs nativo) y el soporte de formatos de imagen se aplican. Se mantiene una separación clara entre definiciones de características y plantillas de implementación para facilitar reutilización y pruebas.
Entradas y salidas: Entradas: targetPlatform (string; web|iOS|Android); canvasWidth (int; px); canvasHeight (int; px); features (array de strings); colorPalette (array de colores); exportFormat (string; code|config). Salidas: editorCode (string) o config JSON; artefactos como README y package.json; formateo según el framework elegido (indentación de 2 espacios para JS/TS).
Algoritmos y cálculos: El generador asigna características a plantillas mediante un mapa Feature-to-Template, arma esqueletos de código y calcula metadatos de tamaño responsivo. Valida entradas, verifica compatibilidad de formatos y genera un manifiesto con superficies API y ajustes por defecto. Cálculos incluyen lógica de dimensionamiento de canvas y presets de exportación.
Errores y casos límite: Entradas inválidas (dimensiones negativas, plataforma no soportada, características en conflicto) se rechazan con mensajes de validación precisos. Entradas obligatorias ausentes detienen la generación. Si faltan plantillas externas, se generan fallbacks. Canvas grandes pueden generar avisos de rendimiento.
Industria/Región y localización: Cumple con estándares web (ECMAScript/TypeScript), usa espacio de color sRGB y unidades en píxeles. No se asume datos regionales; el generador se centra en salidas de código/config.
Supuestos y exclusiones: Se asume que una aplicación host provee renderizado y procesamiento de imágenes en tiempo de ejecución. Excluye procesamiento del lado del servidor, ejecución del editor en tiempo de ejecución y elementos UI con marca. La salida es solo un esqueleto y una configuración.