67 Brainrot 🔥
Une extension VS Code qui affiche un GIF et joue le son viral "SIX SEVEN" (synchronisés) à chaque fois que vous sauvegardez un fichier (Ctrl+S) ou que vous tapez "67" dans votre code!
Ă propos du meme 67
Le "67" (prononcĂ© "SIX SEVEN") est un meme brainrot viral de 2025 qui a pris d'assaut internet. Cette extension transforme votre expĂ©rience de dĂ©veloppement en vous rappelant constamment que vous ĂȘtes dans l'Ăšre du 67! 🎵
Fonctionnalités
- 🎥 Affiche automatiquement une vidĂ©o avec son Ă chaque sauvegarde (Ctrl+S)
- âšïž DĂ©tecte quand vous tapez "67" dans le code et dĂ©clenche la vidĂ©o
- 🔊 Le son de la vidĂ©o joue automatiquement
- â±ïž La vidĂ©o disparaĂźt automatiquement aprĂšs lecture
- 🎯 Activation automatique au dĂ©marrage de VS Code
- â ïž Gestion d'erreurs si la vidĂ©o est manquante
- 📝 Logs dans la console de dĂ©veloppement
Installation
Prérequis
- Node.js et npm installés sur votre systÚme
- Visual Studio Code (version 1.85.0 ou supérieure)
- Le fichier vidéo 67.mp4 avec son intégré (à placer dans le dossier
videos/)
Ătapes d'installation
- Clonez ou téléchargez ce projet
- Ouvrez un terminal dans le dossier du projet
- Installez les dépendances:
npm install
- IMPORTANT: Ajoutez votre fichier vidéo:
vscode-67-brainrot/
âââ videos/
âââ 67.mp4 â Placez votre fichier vidĂ©o (avec son) ici
Tester l'extension en mode développement
- Ouvrez le projet dans VS Code
- Appuyez sur F5 pour lancer l'extension en mode debug
- Une nouvelle fenĂȘtre VS Code s'ouvrira avec l'extension activĂ©e
- Ouvrez n'importe quel fichier et sauvegardez (Ctrl+S) ou tapez "67"
- Profitez de la vidĂ©o "SIX SEVEN"! 🔥
Structure du projet
vscode-67-brainrot/
âââ videos/
â âââ 67.mp4 # Fichier vidĂ©o avec son (Ă fournir)
âââ src/
â âââ extension.ts # Code principal de l'extension
âââ out/ # Fichiers compilĂ©s (gĂ©nĂ©rĂ©)
âââ package.json # Configuration et dĂ©pendances
âââ tsconfig.json # Configuration TypeScript
âââ README.md # Ce fichier
Développement
Compiler le projet
npm run compile
Mode watch (recompilation automatique)
npm run watch
Linter
npm run lint
Publier l'extension (optionnel)
Si vous souhaitez publier cette extension sur le marketplace VS Code:
Installez vsce:
npm install -g @vscode/vsce
Packagez l'extension:
vsce package
Publiez sur le marketplace:
vsce publish
Dépannage
La vidéo ne s'affiche pas
- â
Vérifiez que le fichier
67.mp4 est bien présent dans le dossier videos/
- â
VĂ©rifiez la console de dĂ©veloppement (Help â Toggle Developer Tools)
- â
Assurez-vous que le format vidéo est compatible (MP4 recommandé)
- â
Vérifiez que la vidéo contient bien une piste audio
L'extension ne s'active pas
- â
Vérifiez que vous avez bien compilé le projet (
npm run compile)
- â
Relancez VS Code aprĂšs la compilation
- â
Consultez la console de développement pour les erreurs
Technologies utilisées
- TypeScript - Langage de programmation
- VS Code Extension API - API pour les extensions VS Code
- HTML5 Video - Lecture native de vidéo avec son dans le webview
Contribuer
N'hésitez pas à proposer des améliorations, corrections de bugs, ou nouvelles fonctionnalités!
Licence
Ce projet est à des fins éducatives et de divertissement.
Avertissement
â ïž Cette extension peut devenir agaçante aprĂšs un certain temps. Utilisez-la Ă vos risques et pĂ©rils! 😄
Fait avec 🔥 pour la communautĂ© 67 brainrot