{"_id":"@banshan-alec/vite-plugin-react-stylename","_rev":"5-158d1e87fb4df15dfaf84fab711cd620","name":"@banshan-alec/vite-plugin-react-stylename","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@banshan-alec/vite-plugin-react-stylename","version":"1.0.0","keywords":["vite","plugin","stylename"],"author":"","license":"MIT","_id":"@banshan-alec/vite-plugin-react-stylename@1.0.0","homepage":"https://github.com/BanShan-Alec/react-inline-css-module#readme","bugs":{"url":"https://github.com/BanShan-Alec/react-inline-css-module/issues"},"dist":{"shasum":"1c4e7119cee77f6449bb639df4f9bf09c85800b2","tarball":"https://registry.npmjs.org/@banshan-alec/vite-plugin-react-stylename/-/vite-plugin-react-stylename-1.0.0.tgz","fileCount":6,"integrity":"sha512-u4r0WbX9ZYDGTXeeOsYy3M9e449Tr6fogJv7n4tYMo18viBEdu9QLYUI8omR9p/VSqBq1NmFL+84czhBZHNq1Q==","signatures":[{"sig":"MEUCIQCcGbHl6ONocv6jR42csfZYRRJaaWYUpn4lNIzONSbcQwIgPcciLZiY3TxJBci9+f1y32XOmifMZmy8otMD+cv+X8g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6998},"main":"./dist/vite-plugin-react-stylename.js","type":"module","types":"./dist/vite-plugin-react-stylename.d.ts","module":"./dist/vite-plugin-react-stylename.js","gitHead":"d8e1d4ad3598f29b8aa862649169c4d6b97dc250","scripts":{"ci":"npm run build && npm run test","pub":"npm publish --access=public","test":"echo \"Normal: no test specified\" && exit 0","build":"tsc && vite build"},"_npmUser":{"name":"banshan_alec","email":"banshan.alec@gmail.com"},"repository":{"url":"git+https://github.com/BanShan-Alec/react-inline-css-module.git","type":"git"},"_npmVersion":"10.7.0","description":"Auto transform CSS Module class name for React with Vite.","directories":{},"_nodeVersion":"18.20.3","publishConfig":{"registry":"https://npm.pkg.github.com/@banshan-alec","@banshan-alec:registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.2.11","typescript":"^5.4.5","@types/node":"^20.12.10","vite-plugin-dts":"^3.9.1"},"peerDependencies":{"vite":"^5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vite-plugin-react-stylename_1.0.0_1719241829335_0.6785909882024683","host":"s3://npm-registry-packages"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.2":{"name":"@banshan-alec/vite-plugin-react-stylename","version":"1.0.2","keywords":["vite","plugin","stylename"],"author":"","license":"MIT","_id":"@banshan-alec/vite-plugin-react-stylename@1.0.2","homepage":"https://github.com/BanShan-Alec/react-inline-css-module#readme","bugs":{"url":"https://github.com/BanShan-Alec/react-inline-css-module/issues"},"dist":{"shasum":"33fed77fde6246db889da47f253c4fab8f696aae","tarball":"https://registry.npmjs.org/@banshan-alec/vite-plugin-react-stylename/-/vite-plugin-react-stylename-1.0.2.tgz","fileCount":6,"integrity":"sha512-dv5OTrKguE4FJax5eeWEO56X6a2h4SRFci37j9pAu2lnpMNzg4YVQzSIwa79NW1z5u79e7HPolt/D6oJGhwKfg==","signatures":[{"sig":"MEUCICfNatO1bIGW16/gTzdRps5Kfn8oFALYWDBtb12hIRw8AiEAhYJ9YMCNsfU/d2X7jOzA1Cd/vofqL5aObCzt6GcyjBk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7335},"main":"./dist/vite-plugin-react-stylename.js","type":"module","types":"./dist/vite-plugin-react-stylename.d.ts","module":"./dist/vite-plugin-react-stylename.js","gitHead":"1c91e26914bba81bb752e0a8f6dfb5958e9f8c11","scripts":{"ci":"npm run build && npm run test","pub":"npm publish --access=public","test":"echo \"Normal: no test specified\" && exit 0","build":"tsc && vite build","postpublish":"npm run pub"},"_npmUser":{"name":"banshan_alec","email":"banshan.alec@gmail.com"},"repository":{"url":"git+https://github.com/BanShan-Alec/react-inline-css-module.git","type":"git"},"_npmVersion":"10.7.0","description":"Auto transform CSS Module class name for React with Vite.","directories":{},"_nodeVersion":"18.20.3","publishConfig":{"registry":"https://npm.pkg.github.com/@banshan-alec","@banshan-alec:registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.2.11","typescript":"^5.4.5","@types/node":"^20.12.10","vite-plugin-dts":"^3.9.1"},"peerDependencies":{"vite":"^5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vite-plugin-react-stylename_1.0.2_1719285466178_0.25579262690952076","host":"s3://npm-registry-packages"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"1.0.3":{"name":"@banshan-alec/vite-plugin-react-stylename","version":"1.0.3","keywords":["vite","plugin","stylename"],"author":"","license":"MIT","_id":"@banshan-alec/vite-plugin-react-stylename@1.0.3","homepage":"https://github.com/BanShan-Alec/react-inline-css-module#readme","bugs":{"url":"https://github.com/BanShan-Alec/react-inline-css-module/issues"},"dist":{"shasum":"54713aa3eccb7fd061db4ce56d6f691e6c42dc3a","tarball":"https://registry.npmjs.org/@banshan-alec/vite-plugin-react-stylename/-/vite-plugin-react-stylename-1.0.3.tgz","fileCount":6,"integrity":"sha512-6CASs9nuCG6bB9UUEHvcx+oXf45CquIupeTY9O1XVulXKnFj7MpJowVYZld5XSpvwrhYHhrcNadsmyy5jVWA6w==","signatures":[{"sig":"MEUCIQCVJHRo+/p66DZTxwavXho1pI43pAYtr2q8Iaiyk6VwWQIgW+4sHbiEvL3/EiCKjv7yL+C1jrkSb647LvDktjBucqY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7335},"main":"./dist/vite-plugin-react-stylename.js","type":"module","types":"./dist/vite-plugin-react-stylename.d.ts","module":"./dist/vite-plugin-react-stylename.js","gitHead":"118739af5c0c115ce3ca6b9acd8f45700f3fd679","scripts":{"ci":"npm run build && npm run test","pub":"npm publish --access=public","test":"echo \"Normal: no test specified\" && exit 0","build":"tsc && vite build","postpublish":"npm run pub"},"_npmUser":{"name":"banshan_alec","email":"banshan.alec@gmail.com"},"repository":{"url":"git+https://github.com/BanShan-Alec/react-inline-css-module.git","type":"git"},"_npmVersion":"10.7.0","description":"Auto transform CSS Module class name for React with Vite.","directories":{},"_nodeVersion":"18.20.3","publishConfig":{"registry":"https://npm.pkg.github.com/@banshan-alec","@banshan-alec:registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.2.11","typescript":"^5.4.5","@types/node":"^20.12.10","vite-plugin-dts":"^3.9.1"},"peerDependencies":{"vite":"^5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vite-plugin-react-stylename_1.0.3_1719285914167_0.3724439147362011","host":"s3://npm-registry-packages"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2024-06-24T15:10:29.206Z","modified":"2025-02-21T06:27:16.093Z","1.0.1":"2024-06-24T15:06:14.806Z","1.0.0":"2024-06-24T15:10:29.526Z","1.0.2":"2024-06-25T03:17:46.314Z","1.0.3":"2024-06-25T03:25:14.304Z"},"bugs":{"url":"https://github.com/BanShan-Alec/react-inline-css-module/issues"},"license":"MIT","homepage":"https://github.com/BanShan-Alec/react-inline-css-module#readme","keywords":["vite","plugin","stylename"],"repository":{"url":"git+https://github.com/BanShan-Alec/react-inline-css-module.git","type":"git"},"description":"Auto transform CSS Module class name for React with Vite.","maintainers":[{"name":"banshan_alec","email":"banshan.alec@gmail.com"}],"readme":"# @banshan-alec/vite-plugin-react-stylename\n\nAuto transform CSS Module class name for React with Vite.\n\nFork from [anjianshi/react-inline-css-module: Auto transform CSS Module class name for React with Webpack or Vite.](https://github.com/anjianshi/react-inline-css-module), but fix some errors.\n\n1. Only support vite\n2. Support import multiple style files\n3. Fix vite plugin type error\n4. Fix `styleName` order always after `className`.（Now follow your order which you set props）\n5. Add some warnings when use. Like: `variable[${styleName}] is not defined!`\n6. Eliminate unnecessary code, only trabsform code when `enforce: \"post\"` \n> [react-inline-css-module/src/index.ts at feature/vite-plugin · BanShan-Alec/react-inline-css-module](https://github.com/BanShan-Alec/react-inline-css-module/blob/feature/vite-plugin/src/index.ts)\n\n\n## Vite Configuration\n\n```javascript\nimport reactStylename from '@banshan-alec/vite-plugin-react-stylename';\n\nmodule.exports = {\n ...\n plugins: [\n reactStylename()\n ]\n ...\n}\n```\n\n## TypeScript Configuration\n> Configure one of them\n\nglobal.d.ts（Recommended）\n```ts\n/// \n/// \n...\n```\n\ntsconfig.json\n```json\n{\n \"compilerOptions\": {\n \"types\": [\"react-inline-css-module/src/style-name\"]\n }\n}\n```\n\n## App Code Example\n\n### app.module.css\n\n```css\n.app {\n color: #777;\n}\n\n.info {\n color: green;\n}\n```\n\n### App.tsx\n\n```js\nimport './app.module.css'\n\nfunction App() {\n return (\n
\n
content
\n
info
\n
\n )\n}\n```\n","readmeFilename":"README.md"}