Image Editor Generator

Scopo e intento dell’utente: Image Editor Generator crea uno scheletro configurabile o un modello di codice per un componente editor di immagini integrabile in applicazioni web o mobili. Gli utenti target sono sviluppatori frontend, team di piattaforma e ingegneri di design-system che necessitano di un’esperienza di modifica riutilizzabile senza codificare la logica principale da zero. Risolve problemi di editor incoerenti e lunghi tempi di setup fornendo modelli standard e una configurazione chiara delle funzionalità.
Logica centrale & Funzionalità: Il generatore mantiene un catalogo di funzionalità (crop, ridimensionamento, rotazione, aggiustamenti colore, filtri, livelli, annulla/ripeti, preset esportazione). Le funzionalità richieste includono un modello canvas e una superficie operativa minimale; funzionalità opzionali/avanzate includono editing multi-livello, elaborazione batch, preset e template specifici per framework. Le uscite possono essere scheletri di codice in React, Vue o Vanilla JS o un manifesto JSON descrivendo capacità e superfici API. Vincoli di piattaforma (web vs native) e supporto formati immagine sono applicati. Una chiara separazione tra definizioni delle funzionalità e template di implementazione permette riutilizzo e test.
Ingressi & Uscite: Ingressi: targetPlatform (string; web|iOS|Android); canvasWidth (int; px); canvasHeight (int; px); features (array di stringhe); colorPalette (array di colori); exportFormat (string; code|config). Uscite: editorCode (string) o config JSON; artefatti come README e package.json; formattazione secondo framework scelto (indentazione 2 spazi per JS/TS).
Algoritmi & Calcoli: Il generator mappa le funzionalità selezionate a un set di template tramite una mappa Feature-to-Template, assembla skeleton di codice e calcola metadati di dimensioni reattive. Valida input, verifica supporto formato immagine e genera un manifesto con API surfaces e impostazioni predefinite. Calcoli includono logica predefinita di dimensionamento canvas e preset di esportazione.
Errori & Casi Limite: Input non valido (dimensioni negative, piattaforma non supportata, funzioni in conflitto) vengono rifiutati con messaggi di validazione precisi. Input obbligatori mancanti fermano la generazione. Se i template esterni mancano, vengono generate fallback. Grandi canvases comportano avvisi di prestazioni.
Industria/Regione & Localizzazione: Conforme agli standard web (ECMAScript/TypeScript), spazio colore sRGB e unità pixel. Nessun dato regionale assunto; il generatore si concentra sull’output di codice/configurazione.
Assunzioni & Esclusioni: Si presume che un host app fornisca rendering ed elaborazione immagine a runtime. Escluso elaborazione lato server, esecuzione editor runtime e elementi UI brandizzati. L’output è solo uno scheletro e una configurazione.