Skip to content

betagouv/lab-anssi-ui-kit

Repository files navigation

UI Kit du Lab. ANSSI

Version Typescript Version Svelte Version Vite Version Vitest

État Build État Déploiement Storybook

État Déploiement NPM Version NPM


Storybook des composants

Le storybook des composants est disponible ici.

Il est construit avec Histoire

Architecture de build

Cette librairie a pour objectif de produire des composants Svelte et leurs équivalents Webcomponent.

L'architecture pour produire du Svelte utilise SvelteKit, configuré via le wizard npx sv create. C'est ce qui explique les nombreux fichiers de configuration Svelte (Prettier, Vitest, etc...) : Ils ont été rajoutés par le wizard.

Pour rajouter le build des Webcomponents, on rajoute manuellement un fichier de configuration vite.webcomponents.config.ts. et des appels à la commande vite -c vite.webcomponents.config.ts build lors des étapes de build du package.

Résultat : dans le repertoire dist/ on retrouvera les composants Svelte et leurs équivalents Webcomponents. Tous le contenu de dist/ est publié via npm publish.