Image Editor Generator

Objectif et intention utilisateur : le Image Editor Generator produit une structure configurable ou un modèle de code pour un éditeur d’image pouvant être intégré dans des applications web ou mobiles. Utilisateurs visés : développeurs front-end, équipes plateforme et ingénieurs de design-system cherchant une expérience d’édition réutilisable sans coder la logique centrale. Il résout le problème d’éditeurs incohérents et de délais d’installation en fournissant des modèles conformes et une configuration claire des fonctionnalités.
Logique centrale et fonctionnalités : le générateur maintient un catalogue de fonctionnalités (agriculture crop, resize, rotate, ajustements de couleur, filtres, calques, annuler/rétablir, presets d’export). Les fonctionnalités requises incluent un modèle de canevas et une surface opérationnelle minimale; les fonctionnalités avancées incluent l’édition multi-calques, le traitement par lots, les presets et des templates spécifiques à des frameworks. Les sorties peuvent être des squelettes de code en React, Vue ou Vanilla JS, ou un manifeste JSON décrivant les capacités et surfaces API. Des contraintes de plateforme (web vs native) et le support des formats d’image sont appliquées. Une séparation claire entre définitions de fonctionnalités et templates d’implémentation permet la réutilisation et les tests.
Entrées et sorties : Entrées : targetPlatform (string; web|iOS|Android); canvasWidth (int; px); canvasHeight (int; px); features (tableau de chaînes); colorPalette (tableau de codes couleur); exportFormat (string; code|config). Sorties : editorCode (string) ou config JSON; artefacts comme README et package.json; formatage conforme au framework choisi (indentation 2 espaces pour JS/TS).
Algorithmes & calculs : Le générateur associe les fonctionnalités sélectionnées à un ensemble de templates via une carte Feature-to-Template, assemble des squelettes de code et calcule des métadonnées de taille réactive. Il valide les entrées, vérifie le support des formats d’image et génère un manifeste avec surfaces API et paramètres par défaut. Les calculs incluent une logique de dimensionnement par défaut du canevas et des presets d’export.
Erreurs & cas limites : Entrées invalides (dimensions négatives, plateforme non prise en charge, fonctionnalités conflictuelles) rejetées avec des messages de validation précis. Les entrées obligatoires manquantes interrompent la génération. Si des templates externes ne sont pas disponibles, des alternatives sont générées. Les grands canevas entraînent des avertissements de performance.
Industrie/Région & localisation : Respect des standards web (ECMAScript/TypeScript), espace colorimétrique sRGB et unités en pixels. Aucune donnée régionale n’est supposée; le générateur se concentre sur les sorties code/config.
Hypothèses & exclusions : Supposé qu’une application hôte fournisse le rendu et le traitement d’image à l’exécution. Exclut le traitement côté serveur, l’exécution du éditeur à l’exécution et les éléments UI de marque déposée. La sortie est uniquement un squelette et une configuration.