Nouveau framework basé sur Ionic 6 / Angular 13 pour les projets Front end
Convertigo Studio prend désormais en charge les derniers frameworks Ionic et Angular. Cela signifie que tous les avantages du framework Ionic 6 sont désormais prêts à l'emploi dans le Studio Convertigo !
Cela inclut les nouveaux composants tels que "breadcrumbs", "bottomsheets" le nouveau widget DateTime, une meilleure prise en charge du bureau, un popover simplifié, des modaux et des accordéons.
De plus, ionic6 est compatible avec Angular 13, apportant une augmentation exceptionnelle des performances, un meilleur outillage et un "lazy loading".
Utiliser Angular 13 est aussi un gage de sécurité pour utiliser des composants régulièrement mis à jour.
Nouveau composant Switch Action dans les chaînes d'action
Nous proposons désormais un nouveau composant SwitchAction pour le traitement des événements client. Au lieu d'utiliser plusieurs composants If else, vous pouvez désormais utiliser le composant SwitchAction avec SwitchCaseHandler pour chacun des cas que vous souhaitez traiter.
Le Builder génère désormais des composants Angular standard pour les SharedComponents.
Dans les versions précédentes de Convertigo builder, les SharedComponents étaient mis en œuvre à l'aide de la technologie des template Angular. Cela entraînait une mauvaise isolation et une mauvaise réutilisation des composants.
Désormais, les SharedComponents sont implémentés comme des composants Angular standard ! Cela augmente les performances, l'isolation des données des composants et la réutilisation.
Créer un "Create shared Component" à partir de composants existants
Beaucoup d'entre vous vont adorer cette fonctionnalité ! Imaginez que vous créez une nouvelle page avec de nombreux composants à l'intérieur et que soudain vous vous rendez compte que toute cette construction de composants pourrait être réutilisée dans d'autres pages ou projets...
Ne paniquez pas ! Utilisez simplement le nouvel assistant de création de composants partagés. Il créera un nouveau SharedComponent à partir du Top Component actuellement sélectionné et utilisera ce composant à la place. en quelques clics.
Ajout d'une nouvelle action setLocal dans la palette NGX
Le builder avait déjà une action setGlobal qui vous permettait de sauvegarder certaines données dans un espace global (sur toutes les pages de votre application). Nous avons maintenant ajouté une nouvelle action setLocal permettant de sauvegarder des données vues uniquement sur la page actuelle.
Ceci peut s'avérer très utile pour contenir des variables ou toute autre données que vous souhaitez contrôler dans votre page.
Événements pour les SharedComponents
Le Builder fournissait déjà des PageEvents, AppEvents et Component Events que vous pouviez gérer avec des actions.
Nous avons maintenant ajouté de nouveaux événements SharedComponentEvents qui permettront de contrôler le cycle de vie des composants. Par exemple, vous pouvez utiliser l'événement compInit pour exécuter certaines actions lorsque le composant a été initialisé sur une page, ou l'événement compDestroy pour exécuter une action lorsque le composant est supprimé d'une page.
Vous pouvez désormais utiliser JSON.stringify() dans les expressions TS
Simple mais efficace ! L'une des actions Front End les plus utilisées est l'action Log, qui permet d'enregistrer des données dans la console et dans les log du serveur. Dans de nombreux cas, vous souhaitez afficher une structure JSON provenant d'une séquence ou d'un événement client.
Il suffit d'écrire JSON.stringify(out) dans votre action Log en mode TS et vous verrez les données affichées dans la console comme une structure JSON entièrement développée.
Amélioration de la fonction "Drag&Drop" dans l'arborescence ou dans le prévisualisateur pour de meilleurs aperçus.
Dans Convertigo 8.0, nous avons redessiné l'interface du builder pour permettre de déposer directement les composants dans le visualiseur d'applications au lieu de les déposer dans l'arborescence du projet.
Ainsi, lorsque vous déplacez la souris, la zone où le composant sera déposé est dynamiquement surlignée en bleu. Lorsque vous déposez le composant, un menu apparaît pour vous demander si vous voulez le déposer à l'intérieur de la zone surlignée, avant ou après celle-ci.
Ajout d'un wizard 'Upgrade to Ngx Framework' pour migrer les anciens projets Ionic3 vers NGX.
Avoir un nouveau Ngx Framework basé sur Ionic 6+ et Angular 13+ est certainement une bonne nouvelle ! Mais qu'advient-il de tous les anciens projets créés dans l'ancien format Ionic 3 ?
C'est pourquoi nous avons ajouté cet assistant magique qui va convertir vos anciens projets au format Ngx. Bien sûr, cela va effectuer la plupart du travail, mais malheureusement, comme il y a des changements de rupture de ionic3 à 6, l'assistant va essayer de résoudre automatiquement la plupart d'entre eux, mais il en restera quelques-uns que vous devrez résoudre manuellement.
Configuration automatique de PouchDB et utilisation pour les projets FullSync
Les bases de données internes de Convertigo FullSync sont basées sur la technologie CouchDB NoSQL. Dans les versions précédentes de Convertigo, si vous vouliez utiliser FullSync, vous deviez installer manuellement un serveur CouchDB sur votre poste de travail.
Ce n'est plus nécessaire ! Désormais, Convertigo utilise un serveur intégré 100% compatible CouchDB, basé sur la technologie PouchDB. Vous pouvez créer votre application à l'aide de cette base de données légère et la déployer ensuite sur le serveur de production à l'aide des puissants serveurs CouchDB.
Cacher les projets lib_ du projet avec un bouton toggle dans l'en-tête de la vue du projet.
Convertigo utilise le concept de bibliothèques pour contenir des composants réutilisables tels que des composants d'interface utilisateur (SharedComponents) ou des séquences de back-end. Ces bibliothèques sont contenues dans des projets lib_XXXXX et sont visibles dans l'espace de travail du studio.
Comme les bibliothèques sont automatiquement extraites des dépôts lorsqu'un projet les référençant est chargé, l'espace de travail peut devenir très encombré de bibliothèques de projet et votre projet cible sera perdu parmi tous les autres.
C'est pourquoi nous avons ajouté un bouton"Hide Library" dans la fenêtre du projet pour vous permettre de vous concentrer sur votre projet.
Utilisez les "Hints" lorsque vous faites glisser des composants NGX depuis la palette.
Dans les versions précédentes de Convertigo, le glisser-déposer d'un composant depuis la palette de l'application ne faisait qu'ajouter ce composant, et vous deviez ajouter manuellement tous les sous-composants nécessaires.
Désormais, dans l'application Ngx, le fait de déposer un composant ajoutera automatiquement des sous-composants "indicatifs" qui vous seront utiles dans 99 % des cas. Par exemple, si vous déposez un bouton, vous l'ajouterez bien sûr et vous créerez aussi automatiquement un sous-composant Texte.
Cela fonctionne pour de nombreux composants, tels que les en-têtes, les barres d'outils, les cartes, les conteneurs de liste, etc ...
