{"id":13782562,"url":"https://github.com/rfgamaral/parcel-plugin-typings-for-css-modules","last_synced_at":"2025-06-16T06:07:52.887Z","repository":{"id":34997754,"uuid":"195079683","full_name":"rfgamaral/parcel-plugin-typings-for-css-modules","owner":"rfgamaral","description":"📦 A plugin for the Parcel bundler to generate .d.ts files for your CSS Modules.","archived":false,"fork":false,"pushed_at":"2025-05-27T17:53:24.000Z","size":497,"stargazers_count":7,"open_issues_count":28,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-29T10:11:32.312Z","etag":null,"topics":["css","css-modules","module","parcel","parcel-bundler","type-definitions","typed-css-modules","types","typescript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rfgamaral.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2019-07-03T15:17:12.000Z","updated_at":"2024-12-02T13:05:42.000Z","dependencies_parsed_at":"2024-02-27T12:31:35.623Z","dependency_job_id":"0728160d-8a8e-44a2-9ba7-6b834d6ca1af","html_url":"https://github.com/rfgamaral/parcel-plugin-typings-for-css-modules","commit_stats":{"total_commits":139,"total_committers":6,"mean_commits":"23.166666666666668","dds":0.5971223021582734,"last_synced_commit":"bf6e7bd735667a029fcab319d868dbdfda8d6f83"},"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/rfgamaral/parcel-plugin-typings-for-css-modules","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rfgamaral%2Fparcel-plugin-typings-for-css-modules","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rfgamaral%2Fparcel-plugin-typings-for-css-modules/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rfgamaral%2Fparcel-plugin-typings-for-css-modules/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rfgamaral%2Fparcel-plugin-typings-for-css-modules/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rfgamaral","download_url":"https://codeload.github.com/rfgamaral/parcel-plugin-typings-for-css-modules/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rfgamaral%2Fparcel-plugin-typings-for-css-modules/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260109578,"owners_count":22960034,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","css-modules","module","parcel","parcel-bundler","type-definitions","typed-css-modules","types","typescript"],"created_at":"2024-08-03T18:01:39.201Z","updated_at":"2025-06-16T06:07:52.859Z","avatar_url":"https://github.com/rfgamaral.png","language":"JavaScript","funding_links":[],"categories":["Plugins"],"sub_categories":["Other"],"readme":"# @rfgamaral/parcel-plugin-typings-for-css-modules\n\n[![npm](https://img.shields.io/npm/v/@rfgamaral/parcel-plugin-typings-for-css-modules.svg)](https://www.npmjs.com/package/@rfgamaral/parcel-plugin-typings-for-css-modules)\n[![minified size](https://img.shields.io/bundlephobia/min/@rfgamaral/parcel-plugin-typings-for-css-modules.svg)](https://bundlephobia.com/result?p=@rfgamaral/parcel-plugin-typings-for-css-modules)\n[![downloads](https://img.shields.io/npm/dt/@rfgamaral/parcel-plugin-typings-for-css-modules.svg)](https://www.npmtrends.com/@rfgamaral/parcel-plugin-typings-for-css-modules)\n[![commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)\n[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)\n[![license](https://img.shields.io/npm/l/@rfgamaral/parcel-plugin-typings-for-css-modules.svg)](LICENSE)\n\nA plugin for the [Parcel](https://parceljs.org/) bundler to generate `.d.ts` (TypeScript type definitions) files for your [CSS Modules](https://github.com/css-modules/css-modules), powered by [`typed-css-modules`](https://github.com/Quramy/typed-css-modules).\n\n## Installation\n\nJust use your favorite 📦 package manager to install the plugin in your project's `devDependencies`:\n\n**npm:**\n\n```sh\nnpm install --save-dev @rfgamaral/parcel-plugin-typings-for-css-modules\n```\n\n**Yarn:**\n\n```sh\nyarn add --dev @rfgamaral/parcel-plugin-typings-for-css-modules\n```\n\n## Usage\n\nParcel will handle everything for you automagically, just make sure it's [configured to use PostCSS with CSS Modules](https://en.parceljs.org/css.html#postcss) by adding a `.postcssrc` file to your project root with:\n\n```json\n{\n    \"modules\": true\n}\n```\n\nThis plugin also includes support for [naming local class names in camelCase](https://github.com/css-modules/postcss-modules#camel-cased-classes), just pass the `{ camelCase: true }` option to the `.postcssrc` file, like so:\n\n```json\n{\n    \"modules\": true,\n    \"plugins\": {\n        \"postcss-modules\": {\n            \"camelCase\": true\n        }\n    }\n}\n```\n\n**Note:** With `camelCase` option set to `true`, only kebab-case class names will be converted to camelCase, PascalCase class names will remain as is.\n\n## Credits\n\nThis plugin borrows heavily from the follwing similar Parcel plugins:\n\n-   [`parcel-plugin-css-modules-type-generator`](https://github.com/garthenweb/parcel-plugin-css-modules-type-generator)\n-   [`parcel-plugin-typed-css-modules`](https://github.com/Place1/parcel-plugin-typed-css-modules)\n\nThank you [@garthenweb](https://github.com/garthenweb) and [@Place1](https://github.com/Place1) 🙏\n\n## License\n\nThe use of this source code is governed by an MIT-style license that can be found in the [LICENSE](LICENSE) file.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frfgamaral%2Fparcel-plugin-typings-for-css-modules","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frfgamaral%2Fparcel-plugin-typings-for-css-modules","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frfgamaral%2Fparcel-plugin-typings-for-css-modules/lists"}