{"id":28754421,"url":"https://github.com/humbertovegamonte/twmap","last_synced_at":"2026-01-20T16:32:17.021Z","repository":{"id":299150727,"uuid":"1002170781","full_name":"humbertovegamonte/twmap","owner":"humbertovegamonte","description":"Twmap is a CLI tool that helps you manage Tailwind utility classes by generating optimized CSS mappings with short class names. With smart parsing and fast processing, it simplifies your workflow while ensuring consistent class mapping. 🐙🌟","archived":false,"fork":false,"pushed_at":"2025-06-15T00:06:42.000Z","size":87,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-06-15T01:19:35.873Z","etag":null,"topics":["automation","class-mapping","cli","codegen","css","css-generator","ddnet","html","javascript","map","mapping","raster-tiles","tailwind","taiwan","tool","topo","typescript","utility-classes"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":false,"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/humbertovegamonte.png","metadata":{"files":{"readme":"README.md","changelog":null,"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":"2025-06-14T21:41:52.000Z","updated_at":"2025-06-15T00:06:45.000Z","dependencies_parsed_at":"2025-06-15T01:19:51.382Z","dependency_job_id":"c95f11e5-a6f6-4bc3-914a-342e4a87d53c","html_url":"https://github.com/humbertovegamonte/twmap","commit_stats":null,"previous_names":["humbertovegamonte/twmap"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/humbertovegamonte/twmap","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humbertovegamonte%2Ftwmap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humbertovegamonte%2Ftwmap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humbertovegamonte%2Ftwmap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humbertovegamonte%2Ftwmap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/humbertovegamonte","download_url":"https://codeload.github.com/humbertovegamonte/twmap/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humbertovegamonte%2Ftwmap/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260269457,"owners_count":22983648,"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":["automation","class-mapping","cli","codegen","css","css-generator","ddnet","html","javascript","map","mapping","raster-tiles","tailwind","taiwan","tool","topo","typescript","utility-classes"],"created_at":"2025-06-17T01:09:18.545Z","updated_at":"2025-06-17T01:09:39.222Z","avatar_url":"https://github.com/humbertovegamonte.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🛠️ twmap: Tailwind Utility Class Mapper\n\n![GitHub Repo Size](https://img.shields.io/github/repo-size/humbertovegamonte/twmap?style=flat-square)\n![GitHub Stars](https://img.shields.io/github/stars/humbertovegamonte/twmap?style=social)\n![GitHub Issues](https://img.shields.io/github/issues/humbertovegamonte/twmap?style=flat-square)\n\nWelcome to **twmap**, a command-line interface (CLI) tool designed to help you streamline your development process. With twmap, you can scan your HTML, JSX, and TSX files to extract Tailwind utility classes and generate optimized CSS mappings with short class names. This tool enhances your workflow by automating the tedious process of managing utility classes, allowing you to focus on building great applications.\n\n## Table of Contents\n\n1. [Features](#features)\n2. [Installation](#installation)\n3. [Usage](#usage)\n4. [Configuration](#configuration)\n5. [Contributing](#contributing)\n6. [License](#license)\n7. [Contact](#contact)\n8. [Releases](#releases)\n\n## Features\n\n- **Automated Class Extraction**: Automatically scans your project files for Tailwind utility classes.\n- **CSS Optimization**: Generates optimized CSS mappings to reduce file size and improve load times.\n- **Short Class Names**: Provides shorter class names for easier readability and maintenance.\n- **Multi-File Support**: Works with HTML, JSX, and TSX files, making it versatile for various projects.\n- **Easy Integration**: Integrates smoothly into your existing build process.\n\n## Installation\n\nTo get started with twmap, you need to install it. You can do this via npm or yarn. Run one of the following commands in your terminal:\n\n```bash\nnpm install -g twmap\n```\n\nor\n\n```bash\nyarn global add twmap\n```\n\n## Usage\n\nOnce you have installed twmap, you can start using it to scan your files. Here’s how:\n\n1. Open your terminal.\n2. Navigate to the root directory of your project.\n3. Run the following command:\n\n```bash\ntwmap\n```\n\nBy default, twmap will scan all HTML, JSX, and TSX files in your project. You can also specify a particular directory or file if needed:\n\n```bash\ntwmap ./src/components\n```\n\n## Configuration\n\nYou can customize twmap's behavior using a configuration file. Create a file named `twmap.config.js` in your project root. Here’s an example configuration:\n\n```javascript\nmodule.exports = {\n  output: './dist/tailwind.css',\n  prefix: 'tw-',\n  scan: ['./src/**/*.html', './src/**/*.jsx', './src/**/*.tsx'],\n};\n```\n\n- `output`: Specify the output path for the generated CSS file.\n- `prefix`: Set a prefix for the generated class names.\n- `scan`: Define which files or directories to scan.\n\n## Contributing\n\nWe welcome contributions to twmap! If you have ideas for features, improvements, or bug fixes, please follow these steps:\n\n1. Fork the repository.\n2. Create a new branch for your feature or fix.\n3. Make your changes and commit them.\n4. Push your branch to your forked repository.\n5. Open a pull request to the main repository.\n\nPlease ensure your code adheres to the existing style and includes appropriate tests where applicable.\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.\n\n## Contact\n\nFor any questions or suggestions, feel free to reach out to the maintainer:\n\n- **Humberto Vega Monte**\n- [GitHub Profile](https://github.com/humbertovegamonte)\n\n## Releases\n\nYou can find the latest releases of twmap [here](https://github.com/humbertovegamonte/twmap/releases). Download the latest version and execute it to start optimizing your Tailwind CSS workflow.\n\n---\n\nThank you for checking out twmap! We hope this tool helps you enhance your development process with Tailwind CSS. For further updates and features, stay tuned and check the Releases section regularly.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhumbertovegamonte%2Ftwmap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhumbertovegamonte%2Ftwmap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhumbertovegamonte%2Ftwmap/lists"}