Webview UI Toolkit pour Visual Studio Code

Par:
fredericmazue

mar, 12/10/2021 - 15:27

Microsoft a annoncé la préversion publique de Webview UI Toolkit pour Visual Studio Code. Il s'agit d'une boîte à outils avec laquelle les développeurs d'extensions peuvent créer rapidement et facilement des extensions basées sur une vue Web dans Visual Studio Code, extensions dès le départ dotées du look and feel de l'EDI.

Outre la volonté de fournir un outil aux développeurs, l'intention de Microsoft derrière Webview UI Toolkit pour Visual Studio Code est aussi de s'assurer que les extensions qui utilisent des vues Web sont prévisibles, cohérentes et accessibles pour leurs utilisateurs.

Chaque fois qu'une extension utilise l'API Webview, la responsabilité de créer une interface utilisateur conforme aux directives Webview incombe à l'auteur de l'extension. Par conséquent, les vues Web risquent d'apparaître et de se comporter différemment du reste de Visual Studio Code. Dans le pire des cas, les utilisateurs doivent naviguer dans des interfaces utilisateur d'extension inaccessibles qui ne ressemblent en rien au reste de l'éditeur. Avec Webview UI Toolkit, Microsoft dit partager désormais une partie de cette responsabilité avec les auteurs d'extensions.

La boîte à outils consiste en une bibliothèque de composants que les développeurs peuvent utiliser pour créer des interfaces utilisateur dans les vues Web d'extension. Les caractéristiques de cette bibliothèque comprennent :

  • Implémentation du langage de conception Visual Studio Code pour créer des extensions qui ont une apparence cohérente avec le reste de l'éditeur.
  • Prise en charge automatique des thèmes de couleurs : tous les composants sont conçus en tenant compte des thèmes et afficheront automatiquement le thème de l'éditeur actuel.
  • Utilisation de n'importe quelle pile technologique : la bibliothèque est livrée sous la forme d'un ensemble de composants Web, ce qui signifie que les développeurs peuvent utiliser la boîte à outils quelle que soit la pile technologique (React, Vue, Svelte, etc.) avec laquelle leur extension est construite.
  • Accessibilité : tous les composants sont livrés avec des étiquettes ARIA conformes à la norme Web et une navigation au clavier.

Webview UI Toolkit pour Visual Studio Code est un logiciel libre sous licence MIT disponible sur GitHub.