{"_id":"esbuild-plugin-react18-css","_rev":"4-b4a2250f351306ed58307f9d906a77ec","name":"esbuild-plugin-react18-css","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.0":{"name":"esbuild-plugin-react18-css","author":{"name":"Mayank Kumar Chaudhari","email":"https://mayank-chaudhari.vercel.app"},"private":false,"version":"0.0.0","description":"ESBuild plugin to handle CSS/SCSS modules, autoprefixer, etc.","main":"index.js","types":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/react18-tools/esbuild-plugin-react18-css.git"},"bugs":{"url":"https://github.com/react18-tools/esbuild-plugin-react18-css/issues"},"homepage":"https://github.com/react18-tools/esbuild-plugin-react18-css#readme","sideEffects":false,"license":"MIT","dependencies":{"autoprefixer":"^10.4.18","postcss":"^8.4.35","postcss-modules":"^6.0.0","sass":"^1.72.0"},"peerDependencies":{"autoprefixer":"10","postcss":"8","postcss-modules":"6","sass":"1"},"funding":{"type":"github","url":"https://github.com/sponsors/mayank1513"},"keywords":["esbuild-plugin-react18-css","esbuild-plugin","typescript","javascript","autoprefixer","css-module","scss-module","sass-module","postcss","esbuild","react18","react","nextjs","tsup","css","scss","sass","mayank1513"],"_id":"esbuild-plugin-react18-css@0.0.0","gitHead":"04ae3aaab59f284fe04e9790b7f35459ec4da32a","_nodeVersion":"20.11.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-114MigcJS/BlxSC8ya/xARCxm8Zd/jLBcOmyO6SEDlebHcIQfpfjwmX+oyvFO+iLwdhf6AabE9tGSkCEUPqxlA==","shasum":"1b0c0d29f1f054f6f6abbfcf8bf430b4a01a7491","tarball":"https://registry.npmjs.org/esbuild-plugin-react18-css/-/esbuild-plugin-react18-css-0.0.0.tgz","fileCount":6,"unpackedSize":11812,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/esbuild-plugin-react18-css@0.0.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUBsve/XxPVLbladGab1wI867ojzFi3n3EMy8b+qNmvwIhAOg3RVPpdzmx3LaCT/BzL5hVhXvwL/pMLuQYpLbdjfBr"}]},"_npmUser":{"name":"mayank1513","email":"mayank.srmu@gmail.com"},"directories":{},"maintainers":[{"name":"mayank1513","email":"mayank.srmu@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/esbuild-plugin-react18-css_0.0.0_1710530434743_0.2508107493497673"},"_hasShrinkwrap":false},"0.0.1":{"name":"esbuild-plugin-react18-css","author":{"name":"Mayank Kumar Chaudhari","email":"https://mayank-chaudhari.vercel.app"},"private":false,"version":"0.0.1","description":"ESBuild plugin to handle CSS/SCSS modules, autoprefixer, etc.","main":"index.js","types":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/react18-tools/esbuild-plugin-react18-css.git"},"bugs":{"url":"https://github.com/react18-tools/esbuild-plugin-react18-css/issues"},"homepage":"https://github.com/react18-tools/esbuild-plugin-react18-css#readme","sideEffects":false,"license":"MIT","dependencies":{"autoprefixer":"^10.4.18","postcss":"^8.4.35","postcss-modules":"^6.0.0","sass":"^1.72.0"},"funding":{"type":"github","url":"https://github.com/sponsors/mayank1513"},"keywords":["esbuild-plugin-react18-css","esbuild-plugin","typescript","javascript","autoprefixer","css-module","scss-module","sass-module","postcss","esbuild","react18","react","nextjs","tsup","css","scss","sass","mayank1513"],"_id":"esbuild-plugin-react18-css@0.0.1","gitHead":"b246c405b3fb1fff7c1332f91ff11c88ea8ce760","_nodeVersion":"20.11.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-l44jh8bFbfMHffef0Xtd6BTTmvhNv2zoyidmjcvGJuX4MfIgsyaS2VFQN/fq/SrJdgMijugBtAVVfEWID0RAhw==","shasum":"54d35c27c39177186f4dfea96f5c5ebc2c2ae915","tarball":"https://registry.npmjs.org/esbuild-plugin-react18-css/-/esbuild-plugin-react18-css-0.0.1.tgz","fileCount":6,"unpackedSize":12135,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/esbuild-plugin-react18-css@0.0.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCa1teSwYwQLDedoActL8W9ZANFUeZAvNY9pxsN5sAl1AIgT4Xr7RrD0JjqIRt06JP9wotfEmIoIc6XPCMzfxbfQN8="}]},"_npmUser":{"name":"mayank1513","email":"mayank.srmu@gmail.com"},"directories":{},"maintainers":[{"name":"mayank1513","email":"mayank.srmu@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/esbuild-plugin-react18-css_0.0.1_1710570729666_0.09951505179823683"},"_hasShrinkwrap":false},"0.0.2":{"name":"esbuild-plugin-react18-css","author":{"name":"Mayank Kumar Chaudhari","email":"https://mayank-chaudhari.vercel.app"},"private":false,"version":"0.0.2","description":"ESBuild plugin to handle CSS/SCSS modules, autoprefixer, etc.","main":"index.js","types":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/react18-tools/esbuild-plugin-react18-css.git"},"bugs":{"url":"https://github.com/react18-tools/esbuild-plugin-react18-css/issues"},"homepage":"https://github.com/react18-tools/esbuild-plugin-react18-css#readme","sideEffects":false,"license":"MIT","dependencies":{"autoprefixer":"^10.4.18","postcss":"^8.4.35","postcss-modules":"^6.0.0","sass":"^1.72.0"},"funding":{"type":"github","url":"https://github.com/sponsors/mayank1513"},"keywords":["esbuild-plugin-react18-css","esbuild-plugin","typescript","javascript","autoprefixer","css-module","scss-module","sass-module","postcss","esbuild","react18","react","nextjs","tsup","css","scss","sass","mayank1513"],"_id":"esbuild-plugin-react18-css@0.0.2","gitHead":"2c630354a5ca32885bd10bebab1b322b09087d6d","_nodeVersion":"20.11.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-SUL12JoxiFxccqRJqmI5Cvz4jSH85zfO1aYViLArgTZlQSkL1tdo4eOoOHy2bZfsJNkwVeHbivosuH2jpWxx+w==","shasum":"458732acee282950c2608b4e9e0e894430b9241a","tarball":"https://registry.npmjs.org/esbuild-plugin-react18-css/-/esbuild-plugin-react18-css-0.0.2.tgz","fileCount":6,"unpackedSize":12145,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/esbuild-plugin-react18-css@0.0.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD9v5oaMTMWiXBfiD6yxm5BIE77mGGzXKT+Xb2moO051wIgGen9haLOwbUUAEDZwl8DN324o7M9kyKSnnkX0JQ+BgM="}]},"_npmUser":{"name":"mayank1513","email":"mayank.srmu@gmail.com"},"directories":{},"maintainers":[{"name":"mayank1513","email":"mayank.srmu@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/esbuild-plugin-react18-css_0.0.2_1710571605783_0.2714968621106346"},"_hasShrinkwrap":false},"0.0.3":{"name":"esbuild-plugin-react18-css","author":{"name":"Mayank Kumar Chaudhari","email":"https://mayank-chaudhari.vercel.app"},"private":false,"version":"0.0.3","description":"ESBuild plugin to handle CSS/SCSS modules, autoprefixer, etc.","main":"index.js","types":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/react18-tools/esbuild-plugin-react18-css.git"},"bugs":{"url":"https://github.com/react18-tools/esbuild-plugin-react18-css/issues"},"homepage":"https://github.com/react18-tools/esbuild-plugin-react18-css#readme","sideEffects":false,"license":"MIT","dependencies":{"autoprefixer":"^10.4.19","postcss":"^8.4.38","postcss-modules":"^6.0.0","sass":"^1.75.0"},"funding":{"type":"github","url":"https://github.com/sponsors/mayank1513"},"keywords":["esbuild-plugin-react18-css","esbuild-plugin","typescript","javascript","autoprefixer","css-module","scss-module","sass-module","postcss","esbuild","react18","react","nextjs","tsup","css","scss","sass","mayank1513"],"_id":"esbuild-plugin-react18-css@0.0.3","gitHead":"918f6e1cb0e6d6d4a1380540262680173a200a2c","_nodeVersion":"20.12.2","_npmVersion":"10.5.0","dist":{"integrity":"sha512-pTJESklQNL/RxDWr6XgLpJUBICWbxKUr/XXfriFDUT3IXmaSSonscnMUBsHZRt9zZsauZ1YQ8SU/mJueiVLFfg==","shasum":"5391404b7e0ab6a423814c0b07a29f61b804be31","tarball":"https://registry.npmjs.org/esbuild-plugin-react18-css/-/esbuild-plugin-react18-css-0.0.3.tgz","fileCount":6,"unpackedSize":12147,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/esbuild-plugin-react18-css@0.0.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjiGeIIk5Ftq++F62mdnp1DjqHd9Hnt7jUvWTWBcreVQIhAN5SnMYdYC68C1FayuNLbKpRhc2eVp4E2gHI3fihL88+"}]},"_npmUser":{"name":"mayank1513","email":"mayank.srmu@gmail.com"},"directories":{},"maintainers":[{"name":"mayank1513","email":"mayank.srmu@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/esbuild-plugin-react18-css_0.0.3_1713410340933_0.38851329594383754"},"_hasShrinkwrap":false},"0.0.4":{"name":"esbuild-plugin-react18-css","author":{"name":"Mayank Kumar Chaudhari","email":"https://mayank-chaudhari.vercel.app"},"private":false,"version":"0.0.4","description":"ESBuild plugin to handle CSS/SCSS modules, autoprefixer, etc.","main":"index.js","types":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/react18-tools/esbuild-plugin-react18-css.git"},"bugs":{"url":"https://github.com/react18-tools/esbuild-plugin-react18-css/issues"},"homepage":"https://github.com/react18-tools/esbuild-plugin-react18-css#readme","sideEffects":false,"license":"MIT","dependencies":{"autoprefixer":"^10.4.19","postcss":"^8.4.38","postcss-modules":"^6.0.0","sass":"^1.75.0"},"funding":{"type":"github","url":"https://github.com/sponsors/mayank1513"},"keywords":["esbuild-plugin-react18-css","esbuild-plugin","typescript","javascript","autoprefixer","css-module","scss-module","sass-module","postcss","esbuild","react18","react","nextjs","tsup","css","scss","sass","mayank1513"],"_id":"esbuild-plugin-react18-css@0.0.4","gitHead":"670028d03250d31e25722deed684342de666cb5d","_nodeVersion":"20.12.2","_npmVersion":"10.5.0","dist":{"integrity":"sha512-dg/6DB8c0ODubeahYa/4rWO5lk/Bn22lRD6n3+1ZFOvNU4d+Q/gGMiRq01ndrX7p70QYEnrjYmV8p59zrjTtIg==","shasum":"f12461b4b8bb2f219497016ff07c87eee15c9f14","tarball":"https://registry.npmjs.org/esbuild-plugin-react18-css/-/esbuild-plugin-react18-css-0.0.4.tgz","fileCount":6,"unpackedSize":12938,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/esbuild-plugin-react18-css@0.0.4","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD8Kx8LJW9TvjmdWuUSDXKB3bq+XfsqGBWdDxnFs+s3zQIgUIHqOEX5+pPy+9DNUqCKwHxPWBwviqitn38xD6e6GU8="}]},"_npmUser":{"name":"mayank1513","email":"mayank.srmu@gmail.com"},"directories":{},"maintainers":[{"name":"mayank1513","email":"mayank.srmu@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/esbuild-plugin-react18-css_0.0.4_1714295220836_0.05201927394360273"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-15T19:20:34.623Z","0.0.0":"2024-03-15T19:20:34.899Z","modified":"2024-04-28T09:07:01.439Z","0.0.1":"2024-03-16T06:32:09.796Z","0.0.2":"2024-03-16T06:46:45.944Z","0.0.3":"2024-04-18T03:19:01.161Z","0.0.4":"2024-04-28T09:07:01.029Z"},"maintainers":[{"name":"mayank1513","email":"mayank.srmu@gmail.com"}],"description":"ESBuild plugin to handle CSS/SCSS modules, autoprefixer, etc.","homepage":"https://github.com/react18-tools/esbuild-plugin-react18-css#readme","keywords":["esbuild-plugin-react18-css","esbuild-plugin","typescript","javascript","autoprefixer","css-module","scss-module","sass-module","postcss","esbuild","react18","react","nextjs","tsup","css","scss","sass","mayank1513"],"repository":{"type":"git","url":"git+https://github.com/react18-tools/esbuild-plugin-react18-css.git"},"author":{"name":"Mayank Kumar Chaudhari","email":"https://mayank-chaudhari.vercel.app"},"bugs":{"url":"https://github.com/react18-tools/esbuild-plugin-react18-css/issues"},"license":"MIT","readme":"# esbuild-plugin-react18-css\n\n[](https://github.com/react18-tools/esbuild-plugin-react18-css/actions/workflows/test.yml) [](https://codeclimate.com/github/react18-tools/esbuild-plugin-react18-css/maintainability) [](https://codecov.io/gh/react18-tools/esbuild-plugin-react18-css) [](https://www.npmjs.com/package/esbuild-plugin-react18-css) [](https://www.npmjs.com/package/esbuild-plugin-react18-css)  [](https://gitpod.io/from-referrer/)\n\n> [Featured packages built with this template.](./FEATURED.md)\n\n## Features\n\n✅ ESBuild plugin to handle CSS/SCSS modules, autoprefixer, etc.\n\n✅ Create fully treeshakable libraries (import from esbuild-plugin-react18-css/client/component)\n\n✅ Use CSS/SCSS modules - automatically converted to BEM like CSS\n\n✅ fully treeshakable CSS - import only the CSS files your users need\n\n✅ Full TypeScript Support\n\n✅ Unleash the full power of React18 Server components\n\n✅ Works with all build systems/tools/frameworks for React18\n\n✅ Doccumented with [Typedoc](https://react18-tools.github.io/esbuild-plugin-react18-css) ([Docs](https://react18-tools.github.io/esbuild-plugin-react18-css))\n\n## Install\n\n```bash\n$ pnpm add esbuild-plugin-react18-css\n```\n\nor\n\n```bash\n$ npm install esbuild-plugin-react18-css\n```\n\nor\n\n```bash\n$ yarn add esbuild-plugin-react18-css\n```\n\n## use with `tsup`\n\n```ts\n// tsup.config.ts or tsup.config.js\nimport { defineConfig } from \"tsup\";\nimport cssPlugin from \"esbuild-plugin-react18-css\";\n\nexport default defineConfig(options => ({\n ...\n esbuildPlugins:[cssPlugin()]\n}));\n```\n\n## use with esbuild\n\n```ts\nimport cssPlugin from \"esbuild-plugin-react18-css\";\n\nesbuild.build({\n ...\n plugins: [cssPlugin()],\n});\n```\n\n## CSSPluginOptions\n\n```tsx\ninterface CSSPluginOptions {\n /**\n * By default name is generated without hash so that it is easier and reliable for library users to override some CSS.\n * Refer [loader-utils docs](https://github.com/webpack/loader-utils?tab=readme-ov-file#interpolatename) for more options\n * @defaultValue A function that generates name similar to [name]__[local] but without .module\n */\n generateScopedName?: string | ((className: string, path: string, css: string) => string);\n /** set skipAutoPrefixer to true to disable autoprefixer */\n skipAutoPrefixer?: boolean;\n /** global CSS class prefix. @defaultValue undefined */\n globalPrefix?: string;\n /** If you want to keep .module.css files. @defaultValue undefined */\n keepModules?: boolean;\n}\n```\n\n### generateScopedName\n\nIt can be a string like `[name]__[local]___[hash:base64:5]` or `[name]__[local]` or `my-prefix__[name]__[local]`\n\nThe functions arguments are as follows.\n\n- css: the entire css file content\n- className: className from css file for the specific class\n- fileName: absolute fileName\n\n### 🤩 Don't forger to star [this repo](https://github.com/react18-tools/esbuild-plugin-react18-css)!\n\nWant hands-on course for getting started with Turborepo? Check out [React and Next.js with TypeScript](https://mayank-chaudhari.vercel.app/courses/react-and-next-js-with-typescript) and [The Game of Chess with Next.js, React and TypeScrypt](https://www.udemy.com/course/game-of-chess-with-nextjs-react-and-typescrypt/?referralCode=851A28F10B254A8523FE)\n\n![Repo Stats](https://repobeats.axiom.co/api/embed/b9f60aadc635649d8a66039094bcb26b5ccea1c1.svg \"Repobeats analytics image\")\n\n## License\n\nLicensed as MIT open source.\n\n\n\n