npm, yarn, pnpm, bun : une commande, quatre orthographes
Vous avez ouvert un README et il dit `pnpm install`. Votre projet utilise npm. Vous commencez à deviner : c'est `npm install` ? `npm i` ? Avec `-D` ou `--save-dev` ? Le même problème dans l'autre sens, vous avez écrit un tuto pour npm et un lecteur sur bun demande "à quoi ça ressemble pour moi".
Ce traducteur fait la partie ennuyeuse. Choisissez le manager source, tapez la commande que vous connaissez (`npm install --save-dev typescript`, `yarn add react`, `pnpm dlx create-next-app`...), et vous obtenez les équivalents exacts pour les 4 gestionnaires de paquets en une rangée. Verbes, flags, noms de paquets, tout est mappé.
C'est un dictionnaire pur, aucune commande ne tourne jamais dans votre navigateur, aucune requête ne quitte la page. Ouvrez DevTools et vérifiez. Utile quand vous migrez de yarn à pnpm, quand vous maintenez de la doc en plusieurs saveurs, ou juste quand vous voulez vous souvenir "comment on désinstalle dans bun".
Comment l'utiliser
- Choisissez le manager source dans la barre segmentée en haut : npm, yarn, pnpm ou bun. Cela dit au traducteur dans quelle orthographe votre commande est écrite.
- Tapez la commande dans l'input. Forme complète (`npm install --save-dev typescript`) ou alias court (`npm i -D typescript`). Le nom de manager en début est optionnel, `add react` marche pareil que `yarn add react`.
- Le traducteur détecte le verbe (install, add, remove, run, dlx, init, audit, update, outdated) et préserve le nom de paquet plus tous les flags dans la bonne syntaxe pour chaque cible.
- Lisez la sortie à 4 lignes en dessous : chaque ligne est un manager (npm / yarn / pnpm / bun) avec la commande équivalente. Cliquez sur copy sur une ligne pour la récupérer dans le presse-papiers.
- Pour les exécutions de binaires one-shot (la famille `npx`/`yarn dlx`/`pnpm dlx`/`bunx`), tapez `npx create-next-app` et vous obtenez `yarn dlx create-next-app`, `pnpm dlx create-next-app`, `bunx create-next-app`.
- Faites défiler jusqu'au tableau de référence rapide : les 11 actions les plus courantes côte à côte, scannable quand vous voulez juste un rappel.
- Rien ne tourne, c'est un traducteur de texte pur. Pour exécuter réellement la commande, collez-la dans votre terminal.
Quand c'est utile
Six situations typiques où le traducteur vous évite un onglet sur StackOverflow :
- Migrer un projet d'un manager à un autre. Vous passez un projet yarn classic à pnpm parce que les hard links de pnpm économisent 5 Go de `node_modules`. Chaque `yarn install`, `yarn add`, `yarn dev` dans votre README, CI, scripts et mémoire musculaire de l'équipe a besoin d'un équivalent. Collez-les en lot et réécrivez la doc en une session.
- Suivre un tuto écrit pour un autre manager. La doc Next.js dit `npx create-next-app`. Vous utilisez bun. Vous tapez `npx create-next-app` dans le traducteur et copiez `bunx create-next-app` directement dans votre terminal. Pas de devinettes.
- Maintenir de la doc open-source qui cible plusieurs managers. Le README de votre bibliothèque a besoin de `npm install` et `yarn add` et `pnpm add` et `bun add` côte à côte. Le traducteur vous donne les 4 en une rangée, copiez-les dans votre doc et restez cohérent.
- Onboarder un nouveau dev qui connaît yarn mais a rejoint une boîte npm. Vous le pointez vers le traducteur. En une journée, il a une table de conversion mentale pour les 10 commandes qu'il utilise vraiment.
- Scripts cross-équipe dans un monorepo. Frontend utilise pnpm, backend utilise npm, scripts d'infra utilisent yarn. Le traducteur vous aide à écrire une ligne que les 3 équipes peuvent lire.
- Écrire un billet de blog ou une réponse Stack Overflow. Vous écrivez la commande dans votre manager préféré, puis collez le tableau de référence rapide dessous pour que chaque lecteur trouve sa saveur sans se plaindre dans les commentaires.
Pour le manager lui-même, voyez aussi les outils style convertisseur d'unités, celui-ci est la même idée appliquée aux gestionnaires de paquets JavaScript.