{"_id":"@0xanarchy_/codeframe","_rev":"9-a339d2a7892ffffe9317da428d92cef0","name":"@0xanarchy_/codeframe","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.0":{"name":"@0xanarchy_/codeframe","version":"1.0.0","keywords":["react","code-block","codeframe","syntax-highlighting","vscode","prism","typescript","component"],"author":{"name":"0xanarchy_"},"license":"MIT","_id":"@0xanarchy_/codeframe@1.0.0","maintainers":[{"name":"0xanarchy_","email":"lopmebro@gmail.com"}],"homepage":"https://github.com/0xanarchy_/codeframe#readme","bugs":{"url":"https://github.com/0xanarchy_/codeframe/issues"},"dist":{"shasum":"b2dc31dfe943f4b441dffa357bf44b9175a08cc2","tarball":"https://registry.npmjs.org/@0xanarchy_/codeframe/-/codeframe-1.0.0.tgz","fileCount":8,"integrity":"sha512-cEx9irUGy5kLCQu5OgCRTfa3Ugy177nzEyyReCWbJ+cP0rSKmQ1OaU+9+sGHLM/sYbFJmIZsr8jhZyQsUn9pZg==","signatures":[{"sig":"MEUCIQDDN/xGt6om3JGGbAmVq6W1BXT1NwMpU13ehiulSphApwIgGNIyRyknbHBGsD+sjCRdmcpJky7ScYJVbnzx6Km0qh0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":120018},"main":"dist/web-code-block.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/web-code-block.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/web-code-block.es.js","require":"./dist/web-code-block.cjs.js"},"./styles":"./dist/style.css"},"scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview","publish:npm":"npm publish --access public","prepublishOnly":"npm run build"},"_npmUser":{"name":"0xanarchy_","email":"lopmebro@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/0xanarchy_/codeframe.git","type":"git"},"_npmVersion":"11.5.2","description":"Un composant React élégant pour afficher des blocs de code stylisés façon VS Code","directories":{},"_nodeVersion":"22.19.0","dependencies":{"prismjs":"^1.29.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.8","react":"^18.2.0","postcss":"^8.4.32","react-dom":"^18.2.0","typescript":"^5.3.3","@types/node":"^20.10.0","tailwindcss":"^3.3.6","@types/react":"^18.2.45","autoprefixer":"^10.4.16","@types/prismjs":"^1.26.3","vite-plugin-dts":"^3.6.4","@types/react-dom":"^18.2.18","@vitejs/plugin-react":"^4.2.1"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/codeframe_1.0.0_1760306835146_0.323226663219937","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@0xanarchy_/codeframe","version":"1.0.1","keywords":["react","code-block","codeframe","syntax-highlighting","vscode","prism","typescript","component"],"author":{"name":"0xanarchy_"},"license":"MIT","_id":"@0xanarchy_/codeframe@1.0.1","maintainers":[{"name":"0xanarchy_","email":"lopmebro@gmail.com"}],"homepage":"https://github.com/0xanarchy_/codeframe#readme","bugs":{"url":"https://github.com/0xanarchy_/codeframe/issues"},"dist":{"shasum":"0936b41fe1cd27390e27926da44987b05f80fc5e","tarball":"https://registry.npmjs.org/@0xanarchy_/codeframe/-/codeframe-1.0.1.tgz","fileCount":8,"integrity":"sha512-8anRGXrXfEuEEr2n8R88wQf0H3p4TKi49bv4ntZQLtyq2h+Qna+42kAIkBUikGLqM4GXTKxJvQ9mOOJ03nWMKg==","signatures":[{"sig":"MEQCIE+tYSo+PU4LqosK2JsVCkuGBCafTwoDRYw4M2y89bpZAiBkrnMLtCVZn48Im42gTM4O7A609FMd6fkzHb6KXnRVAw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":119952},"main":"dist/web-code-block.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/web-code-block.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/web-code-block.es.js","require":"./dist/web-code-block.cjs.js"},"./styles":"./dist/style.css"},"scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview","publish:npm":"npm publish --access public","prepublishOnly":"npm run build"},"_npmUser":{"name":"0xanarchy_","email":"lopmebro@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/0xanarchy_/codeframe.git","type":"git"},"_npmVersion":"11.5.2","description":"Un composant React élégant pour afficher des blocs de code stylisés façon VS Code","directories":{},"_nodeVersion":"22.19.0","dependencies":{"prismjs":"^1.29.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.8","react":"^18.2.0","postcss":"^8.4.32","react-dom":"^18.2.0","typescript":"^5.3.3","@types/node":"^20.10.0","tailwindcss":"^3.3.6","@types/react":"^18.2.45","autoprefixer":"^10.4.16","@types/prismjs":"^1.26.3","vite-plugin-dts":"^3.6.4","@types/react-dom":"^18.2.18","@vitejs/plugin-react":"^4.2.1"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/codeframe_1.0.1_1760306926762_0.30486926356385746","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@0xanarchy_/codeframe","version":"1.0.2","keywords":["react","code-block","codeframe","syntax-highlighting","vscode","prism","typescript","component"],"author":{"name":"0xanarchy_"},"license":"MIT","_id":"@0xanarchy_/codeframe@1.0.2","maintainers":[{"name":"0xanarchy_","email":"lopmebro@gmail.com"}],"homepage":"https://github.com/0xanarchy_/codeframe#readme","bugs":{"url":"https://github.com/0xanarchy_/codeframe/issues"},"dist":{"shasum":"5baeb273b54fd9f8a7b38757a8e62ff4c8802e2b","tarball":"https://registry.npmjs.org/@0xanarchy_/codeframe/-/codeframe-1.0.2.tgz","fileCount":8,"integrity":"sha512-FTRwE2+zyq9DckYeqat9X2tClxmiallclG8nNG0Qk52gKGNk0DzJQxtKKfrgY2j15HjJ6VWh8yMh5jWNJgRbpg==","signatures":[{"sig":"MEUCIB2vCUdcCP/OCGp/M18/X5idP+AmMsOX2s2LD5vGcfFyAiEAzOuFADpCDkgYFUNFivMYomECRbJZGJF7X5KRqhXy/C8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":118132},"main":"dist/web-code-block.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/web-code-block.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/web-code-block.es.js","require":"./dist/web-code-block.cjs.js"},"./styles":"./dist/style.css"},"scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview","publish:npm":"npm publish --access public","prepublishOnly":"npm run build"},"_npmUser":{"name":"0xanarchy_","email":"lopmebro@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/0xanarchy_/codeframe.git","type":"git"},"_npmVersion":"11.5.2","description":"Un composant React élégant pour afficher des blocs de code stylisés façon VS Code","directories":{},"_nodeVersion":"22.19.0","dependencies":{"prismjs":"^1.29.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.8","react":"^18.2.0","postcss":"^8.4.32","react-dom":"^18.2.0","typescript":"^5.3.3","@types/node":"^20.10.0","tailwindcss":"^3.3.6","@types/react":"^18.2.45","autoprefixer":"^10.4.16","@types/prismjs":"^1.26.3","vite-plugin-dts":"^3.6.4","@types/react-dom":"^18.2.18","@vitejs/plugin-react":"^4.2.1"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/codeframe_1.0.2_1760307017642_0.8438144776416128","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@0xanarchy_/codeframe","version":"1.0.3","keywords":["react","code-block","codeframe","syntax-highlighting","vscode","prism","typescript","component"],"author":{"name":"0xanarchy_"},"license":"MIT","_id":"@0xanarchy_/codeframe@1.0.3","maintainers":[{"name":"0xanarchy_","email":"lopmebro@gmail.com"}],"homepage":"https://github.com/0xanarchy_/codeframe#readme","bugs":{"url":"https://github.com/0xanarchy_/codeframe/issues"},"dist":{"shasum":"e175404567b564f25e70a0b117e64040c05471f1","tarball":"https://registry.npmjs.org/@0xanarchy_/codeframe/-/codeframe-1.0.3.tgz","fileCount":8,"integrity":"sha512-C52JxloZ1HMjycix5TjL5jdN/XSV6HoqbxPdtqbLQy5yGwRh86CjQgYSSFVVfMaOB/Ruq0Bf4AQMRGkPeUAOLQ==","signatures":[{"sig":"MEYCIQCYLBiCWAo3T6UZs+nROhtMNbnIcqBhmNlsZ8c5DGPA7wIhALXIuob45hVeT+Wp49fwyqkR5hgTkSt4cwTKSIu1bAyu","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":118275},"main":"dist/web-code-block.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/web-code-block.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/web-code-block.es.js","require":"./dist/web-code-block.cjs.js"},"./styles":"./dist/style.css"},"scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview","publish:npm":"npm publish --access public","prepublishOnly":"npm run build"},"_npmUser":{"name":"0xanarchy_","email":"lopmebro@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/0xanarchy_/codeframe.git","type":"git"},"_npmVersion":"11.5.2","description":"Un composant React élégant pour afficher des blocs de code stylisés façon VS Code","directories":{},"_nodeVersion":"22.19.0","dependencies":{"prismjs":"^1.29.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.8","react":"^18.2.0","postcss":"^8.4.32","react-dom":"^18.2.0","typescript":"^5.3.3","@types/node":"^20.10.0","tailwindcss":"^3.3.6","@types/react":"^18.2.45","autoprefixer":"^10.4.16","@types/prismjs":"^1.26.3","vite-plugin-dts":"^3.6.4","@types/react-dom":"^18.2.18","@vitejs/plugin-react":"^4.2.1"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/codeframe_1.0.3_1760307154222_0.07863805523033274","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@0xanarchy_/codeframe","version":"1.0.4","keywords":["react","code-block","codeframe","syntax-highlighting","vscode","prism","typescript","component"],"author":{"name":"0xanarchy_"},"license":"MIT","_id":"@0xanarchy_/codeframe@1.0.4","maintainers":[{"name":"0xanarchy_","email":"lopmebro@gmail.com"}],"homepage":"https://github.com/0xanarchy_/codeframe#readme","bugs":{"url":"https://github.com/0xanarchy_/codeframe/issues"},"dist":{"shasum":"69b6e57b1d405458df45da479efca4d7c0779ea1","tarball":"https://registry.npmjs.org/@0xanarchy_/codeframe/-/codeframe-1.0.4.tgz","fileCount":11,"integrity":"sha512-ULCosFOetpf9cUCBO4e8eD9U4AuXWGPsiAb18nnDerkdGrTB3AgbNmJA3q9mwiBCG63HdfSV8lJ7R44Qjrbi4Q==","signatures":[{"sig":"MEYCIQDFduGtIIPMPynKzaM2VJxYZEaMuB95mVPNUSvz2Nu3CwIhAPm8a8co/DUIcO9N2ZoCgc1r1IAUT+CZF/v2G7P7ijBt","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":120063},"main":"dist/web-code-block.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/web-code-block.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/web-code-block.es.js","require":"./dist/web-code-block.cjs.js"},"./styles":"./dist/style.css"},"scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview","publish:npm":"npm publish --access public","prepublishOnly":"npm run build"},"_npmUser":{"name":"0xanarchy_","email":"lopmebro@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/0xanarchy_/codeframe.git","type":"git"},"_npmVersion":"11.5.2","description":"Un composant React élégant pour afficher des blocs de code stylisés façon VS Code","directories":{},"_nodeVersion":"22.19.0","dependencies":{"prismjs":"^1.29.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.8","react":"^18.2.0","postcss":"^8.4.32","react-dom":"^18.2.0","typescript":"^5.3.3","@types/node":"^20.10.0","tailwindcss":"^3.3.6","@types/react":"^18.2.45","autoprefixer":"^10.4.16","@types/prismjs":"^1.26.3","vite-plugin-dts":"^3.6.4","@types/react-dom":"^18.2.18","@vitejs/plugin-react":"^4.2.1"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/codeframe_1.0.4_1760309681945_0.44660472769528003","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@0xanarchy_/codeframe","version":"1.0.5","keywords":["react","code-block","codeframe","syntax-highlighting","vscode","prism","typescript","component"],"author":{"name":"0xanarchy_"},"license":"MIT","_id":"@0xanarchy_/codeframe@1.0.5","maintainers":[{"name":"0xanarchy_","email":"lopmebro@gmail.com"}],"homepage":"https://github.com/0xanarchy_/codeframe#readme","bugs":{"url":"https://github.com/0xanarchy_/codeframe/issues"},"dist":{"shasum":"cfabcb9bfe6583f78ccba2cabe64cc902aacd661","tarball":"https://registry.npmjs.org/@0xanarchy_/codeframe/-/codeframe-1.0.5.tgz","fileCount":11,"integrity":"sha512-Qoc4lEVDL1ZEw8bMHojK9AAMEpD2DSaYwaE6zeDLPIZhiAIEPxPyOM6m0cTInAa4wz6QNp21fOyqq4plQM7i0Q==","signatures":[{"sig":"MEUCIQCOcImOKcwrey3YFEV77RLSCu3fx65Oau/b7CvE2yc/xAIgKmKLnbmW9rKEh+XecksZnWpdm1ucwmRzEwdHTDx65z0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":120102},"main":"dist/web-code-block.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/web-code-block.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/web-code-block.es.js","require":"./dist/web-code-block.cjs.js"},"./styles":"./dist/style.css"},"scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview","publish:npm":"npm publish --access public","prepublishOnly":"npm run build"},"_npmUser":{"name":"0xanarchy_","email":"lopmebro@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/0xanarchy_/codeframe.git","type":"git"},"_npmVersion":"11.5.2","description":"Un composant React élégant pour afficher des blocs de code stylisés façon VS Code","directories":{},"_nodeVersion":"22.19.0","dependencies":{"prismjs":"^1.29.0","@0xanarchy_/codeframe":"^1.0.3"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.8","react":"^18.2.0","postcss":"^8.4.32","react-dom":"^18.2.0","typescript":"^5.3.3","@types/node":"^20.10.0","tailwindcss":"^3.3.6","@types/react":"^18.2.45","autoprefixer":"^10.4.16","@types/prismjs":"^1.26.3","vite-plugin-dts":"^3.6.4","@types/react-dom":"^18.2.18","@vitejs/plugin-react":"^4.2.1"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/codeframe_1.0.5_1760310131125_0.5342666459501832","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@0xanarchy_/codeframe","version":"1.0.6","keywords":["react","code-block","codeframe","syntax-highlighting","vscode","prism","typescript","component"],"author":{"name":"0xanarchy_"},"license":"MIT","_id":"@0xanarchy_/codeframe@1.0.6","maintainers":[{"name":"0xanarchy_","email":"lopmebro@gmail.com"}],"homepage":"https://github.com/0xanarchy_/codeframe#readme","bugs":{"url":"https://github.com/0xanarchy_/codeframe/issues"},"dist":{"shasum":"938bc50e537529536bbd5d476540d2eda79e5dc1","tarball":"https://registry.npmjs.org/@0xanarchy_/codeframe/-/codeframe-1.0.6.tgz","fileCount":11,"integrity":"sha512-LcU0a1GGYhjtvbNO8EoYxQpbmq4AgG68bdIEs9jaSzLrnf9EWdrEpkPUVHQGiLpcXVwWbsG8MbP75LFDBzzcow==","signatures":[{"sig":"MEQCIGVvSJu7XtuEyWPEYhyeSDCLLbaN6eEKOY5ouk6fZM2FAiAK7rjd7HcF3WsnLmb4sl5CsDoxXArxVssnZOXDkcuUiA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":120063},"main":"dist/web-code-block.cjs.js","type":"module","types":"dist/index.d.ts","module":"dist/web-code-block.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/web-code-block.es.js","require":"./dist/web-code-block.cjs.js"},"./styles":"./dist/style.css"},"scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview","publish:npm":"npm publish --access public","prepublishOnly":"npm run build"},"_npmUser":{"name":"0xanarchy_","email":"lopmebro@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/0xanarchy_/codeframe.git","type":"git"},"_npmVersion":"11.5.2","description":"Un composant React élégant pour afficher des blocs de code stylisés façon VS Code","directories":{},"_nodeVersion":"22.19.0","dependencies":{"prismjs":"^1.29.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.8","react":"^18.2.0","postcss":"^8.4.32","react-dom":"^18.2.0","typescript":"^5.3.3","@types/node":"^20.10.0","tailwindcss":"^3.3.6","@types/react":"^18.2.45","autoprefixer":"^10.4.16","@types/prismjs":"^1.26.3","vite-plugin-dts":"^3.6.4","@types/react-dom":"^18.2.18","@vitejs/plugin-react":"^4.2.1"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/codeframe_1.0.6_1760310392535_0.6106861953930782","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2025-10-12T22:07:15.086Z","modified":"2026-01-28T21:17:35.396Z","1.0.0":"2025-10-12T22:07:15.320Z","1.0.1":"2025-10-12T22:08:46.963Z","1.0.2":"2025-10-12T22:10:17.844Z","1.0.3":"2025-10-12T22:12:34.419Z","1.0.4":"2025-10-12T22:54:42.138Z","1.0.5":"2025-10-12T23:02:11.313Z","1.0.6":"2025-10-12T23:06:32.718Z"},"bugs":{"url":"https://github.com/0xanarchy_/codeframe/issues"},"author":{"name":"0xanarchy_"},"license":"MIT","homepage":"https://github.com/0xanarchy_/codeframe#readme","keywords":["react","code-block","codeframe","syntax-highlighting","vscode","prism","typescript","component"],"repository":{"url":"git+https://github.com/0xanarchy_/codeframe.git","type":"git"},"description":"Un composant React élégant pour afficher des blocs de code stylisés façon VS Code","maintainers":[{"email":"liam.wtc@proton.me","name":"0xrynal"}],"readme":"# 🎨 @0xanarchy_/codeframe\r\n\r\n[![npm version](https://badge.fury.io/js/%400xanarchy_%2Fcodeframe.svg)](https://www.npmjs.com/package/@0xanarchy_/codeframe)\r\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\r\n\r\nUn composant React élégant pour afficher des blocs de code stylisés façon **VS Code** avec coloration syntaxique, thèmes personnalisables et animations.\r\n\r\n![Demo](https://via.placeholder.com/800x400/1e1e1e/d4d4d4?text=CodeBlock+Demo)\r\n\r\n## ✨ Fonctionnalités\r\n\r\n- 🎨 **4 thèmes magnifiques** : VS Dark, Light, Dracula, Nord\r\n- 🟥🟨🟩 **Boutons macOS** authentiques\r\n- 🌈 **Coloration syntaxique** via Prism.js (20+ langages)\r\n- 📋 **Bouton copier** intégré\r\n- ⌨️ **Effet machine à écrire** optionnel\r\n- 📊 **Numéros de ligne** optionnels\r\n- 📱 **Responsive** et élégant\r\n- ⚡ **TypeScript** first\r\n- 🎯 **Zero configuration**\r\n\r\n## 📦 Installation\r\n\r\n```bash\r\nnpm install @0xanarchy_/codeframe\r\n# ou\r\nyarn add @0xanarchy_/codeframe\r\n# ou\r\npnpm add @0xanarchy_/codeframe\r\n```\r\n\r\n## 🚀 Utilisation rapide\r\n\r\n```tsx\r\nimport { CodeBlock } from '@0xanarchy_/codeframe';\r\nimport '@0xanarchy_/codeframe/dist/style.css';\r\n\r\nfunction App() {\r\n  return (\r\n    <CodeBlock\r\n      filename=\"passion.ts\"\r\n      language=\"typescript\"\r\n      theme=\"vs-dark\"\r\n      code={`function life() {\r\n  while(alive) {\r\n    code.with.passion();\r\n  }\r\n}`}\r\n    />\r\n  );\r\n}\r\n```\r\n\r\n## 📖 Exemples\r\n\r\n### Exemple basique\r\n\r\n```tsx\r\n<CodeBlock\r\n  filename=\"app.js\"\r\n  language=\"javascript\"\r\n  code={`console.log(\"Hello World!\");`}\r\n/>\r\n```\r\n\r\n### Avec toutes les options\r\n\r\n```tsx\r\n<CodeBlock\r\n  filename=\"server.ts\"\r\n  language=\"typescript\"\r\n  theme=\"dracula\"\r\n  code={code}\r\n  copyButton={true}\r\n  showLineNumbers={true}\r\n  typingEffect={true}\r\n  typingSpeed={30}\r\n  maxHeight=\"500px\"\r\n/>\r\n```\r\n\r\n### Différents thèmes\r\n\r\n```tsx\r\n// VS Dark (par défaut)\r\n<CodeBlock filename=\"dark.js\" language=\"javascript\" theme=\"vs-dark\" code={code} />\r\n\r\n// Light\r\n<CodeBlock filename=\"light.js\" language=\"javascript\" theme=\"light\" code={code} />\r\n\r\n// Dracula\r\n<CodeBlock filename=\"dracula.js\" language=\"javascript\" theme=\"dracula\" code={code} />\r\n\r\n// Nord\r\n<CodeBlock filename=\"nord.js\" language=\"javascript\" theme=\"nord\" code={code} />\r\n```\r\n\r\n### Langages supportés\r\n\r\n```tsx\r\n// JavaScript / TypeScript\r\n<CodeBlock filename=\"app.ts\" language=\"typescript\" code={tsCode} />\r\n<CodeBlock filename=\"app.jsx\" language=\"jsx\" code={jsxCode} />\r\n\r\n// HTML / CSS\r\n<CodeBlock filename=\"index.html\" language=\"html\" code={htmlCode} />\r\n<CodeBlock filename=\"style.css\" language=\"css\" code={cssCode} />\r\n\r\n// Python\r\n<CodeBlock filename=\"main.py\" language=\"python\" code={pythonCode} />\r\n\r\n// Et bien plus : Go, Rust, Java, PHP, Ruby, Bash, SQL, etc.\r\n```\r\n\r\n### Effet machine à écrire\r\n\r\n```tsx\r\n<CodeBlock\r\n  filename=\"typing.ts\"\r\n  language=\"typescript\"\r\n  code={code}\r\n  typingEffect={true}\r\n  typingSpeed={20} // ms par caractère\r\n/>\r\n```\r\n### Numéros de ligne\r\n\r\n```tsx\r\n<CodeBlock\r\n  filename=\"example.py\"\r\n  language=\"python\"\r\n  code={code}\r\n  showLineNumbers={true}\r\n/>\r\n```\r\n\r\n## 🎯 Props API\r\n\r\n| Prop | Type | Défaut | Description |\r\n|------|------|--------|-------------|\r\n| `filename` | `string` | **requis** | Nom du fichier affiché dans l'en-tête |\r\n| `language` | `string` | **requis** | Langage pour la coloration syntaxique |\r\n| `code` | `string` | **requis** | Code source à afficher |\r\n| `theme` | `'vs-dark' \\| 'light' \\| 'dracula' \\| 'nord'` | `'vs-dark'` | Thème visuel |\r\n| `copyButton` | `boolean` | `true` | Afficher le bouton copier |\r\n| `showLineNumbers` | `boolean` | `false` | Afficher les numéros de ligne |\r\n| `typingEffect` | `boolean` | `false` | Activer l'effet machine à écrire |\r\n| `typingSpeed` | `number` | `20` | Vitesse du typing (ms/caractère) |\r\n| `maxHeight` | `string` | `undefined` | Hauteur max avec scroll |\r\n| `className` | `string` | `''` | Classes CSS personnalisées |\r\n\r\n## 🎨 Thèmes disponibles\r\n\r\n### VS Dark\r\nThème sombre inspiré de Visual Studio Code (par défaut)\r\n\r\n### Light\r\nThème clair pour les fonds blancs\r\n\r\n### Dracula\r\nThème sombre populaire avec couleurs vives\r\n\r\n### Nord\r\nThème nordique avec palette froide\r\n\r\n## 🌐 Langages supportés\r\n\r\nJavaScript, TypeScript, JSX, TSX, HTML, CSS, Python, Java, Go, Rust, C, C++, C#, PHP, Ruby, Bash, JSON, YAML, Markdown, SQL, et plus encore...\r\n\r\n## 🛠️ Développement\r\n\r\n### Installation locale\r\n\r\n```bash\r\nnpm install\r\n```\r\n\r\n### Mode développement\r\n\r\n```bash\r\nnpm run dev\r\n```\r\n\r\n### Build\r\n\r\n```bash\r\nnpm run build\r\n```\r\n\r\n## 📄 License\r\n\r\nMIT © [0xanarchy_](https://github.com/0xanarchy_)\r\n\r\n## 🙏 Remerciements\r\n\r\n- [Prism.js](https://prismjs.com/) pour la coloration syntaxique\r\n- [Tailwind CSS](https://tailwindcss.com/) pour le styling\r\n- [Vite](https://vitejs.dev/) pour le build ultra-rapide\r\n\r\n## 🔗 Liens\r\n\r\n- [NPM Package](https://www.npmjs.com/package/@0xanarchy_/codeframe)\r\n\r\n---\r\n\r\n💙 Fait avec passion par [0xanarchy_](https://github.com/0xanarchy_)\r\n\r\n⭐ Si ce projet vous plaît, n'oubliez pas de lui donner une étoile sur GitHub !\r\n\r\n\r\n\r\n","readmeFilename":"README.md"}