Installation
Prérequis
- L'un de Vue 3 (v3.4+), React (v18+), Preact (v10.19+), Svelte (v5.29+) ou Angular (v21.2+)
- Node.js (v18+) ou Bun
Paquets
| Paquet | Description |
|---|---|
urcolor | Le moteur de couleur seul, sous un nom non scopé. Réexporte @urcolor/core |
@urcolor/core | Logique de couleur et utilitaires d'accessibilité |
@urcolor/shared | Comportement indépendant du framework, rendu WebGL et échantillonneurs de grille, partagés par toutes les liaisons |
@urcolor/vue | Composants et composables Vue 3 |
@urcolor/react | Composants et hooks React |
@urcolor/preact | Les composants et hooks React, compilés avec preact/compat |
@urcolor/svelte | Composants Svelte 5 et hooks à base de runes |
@urcolor/angular | Directives Angular et stores à signaux |
@urcolor/relative | Syntaxe optionnelle des couleurs relatives CSS Color 5 |
@urcolor/i18n | Noms de couleurs et libellés de canaux multilingues |
Installer
Vue
bun add @urcolor/vuenpm install @urcolor/vuepnpm add @urcolor/vueyarn add @urcolor/vueReact
bun add @urcolor/reactnpm install @urcolor/reactpnpm add @urcolor/reactyarn add @urcolor/reactPreact
bun add @urcolor/preactnpm install @urcolor/preactpnpm add @urcolor/preactyarn add @urcolor/preactSvelte
bun add @urcolor/sveltenpm install @urcolor/sveltepnpm add @urcolor/svelteyarn add @urcolor/svelteAngular
bun add @urcolor/angularnpm install @urcolor/angularpnpm add @urcolor/angularyarn add @urcolor/angularChaque paquet de framework dépend de @urcolor/core et de @urcolor/shared, tous deux installés avec lui. Le paquet Vue embarque en plus Reka UI et le paquet React Base UI ; les paquets Svelte et Angular n'ont aucune autre dépendance d'exécution.
Le cœur uniquement
Pour les utilitaires de couleur seuls, sans binding de framework, installez urcolor, le nom non scopé du même moteur :
bun add urcolornpm install urcolorpnpm add urcoloryarn add urcolorimport { Color } from "urcolor";urcolor ne contient aucun code propre : il réexporte @urcolor/core et en dépend avec la même plage de versions que les paquets de framework, vous obtenez donc une seule copie du moteur et une seule classe Color. Choisissez le nom que vous préférez : @urcolor/core est déjà là si vous avez installé un binding, et mélanger les deux noms dans un projet ne pose aucun problème.
Paquets optionnels
@urcolor/relative ajoute la syntaxe des couleurs relatives CSS Color 5 et @urcolor/i18n ajoute les noms de couleurs multilingues :
bun add @urcolor/relative @urcolor/i18nnpm install @urcolor/relative @urcolor/i18npnpm add @urcolor/relative @urcolor/i18nyarn add @urcolor/relative @urcolor/i18n