css-to-tailwind-react 0.1.0

package/README.md

@@ -0,0 +1,303 @@
+# CSS to Tailwind React
+
+Convert traditional CSS (inline, internal, and external) into Tailwind CSS utility classes for React-based frameworks.
+
+## Features
+
+✨ **Multi-source CSS support**: Handles inline styles, internal `<style>` blocks, and external CSS files
+🎯 **AST-based parsing**: Uses Babel for JSX/TSX and PostCSS for CSS - no regex hacks
+🔄 **Smart merging**: Safely merges Tailwind classes with existing className attributes
+⚠️ **Safety first**: Creates backups before modifications, supports dry-run mode
+🎨 **Tailwind config aware**: Reads your `tailwind.config.js` for custom scales
+📊 **Detailed reporting**: Shows exactly what changed and what was skipped
+
+## Installation
+
+```bash
+npm install -g css-to-tailwind-react
+```
+
+Or use directly with npx:
+
+```bash
+npx css-to-tailwind-react ./src
+```
+
+## Usage
+
+### Basic Usage
+
+```bash
+npx css-to-tailwind-react ./src
+```
+
+### CLI Options
+
+```bash
+npx css-to-tailwind-react <directory> [options]
+
+Options:
+  --dry-run          Show changes without modifying files
+  --verbose          Show detailed output
+  --delete-css       Delete CSS files when all rules are converted
+  --skip-external    Skip external CSS files (imports)
+  --skip-inline      Skip inline styles
+  --skip-internal    Skip internal <style> blocks
+```
+
+### Examples
+
+**Preview changes (dry-run):**
+```bash
+npx css-to-tailwind-react ./src --dry-run --verbose
+```
+
+**Only inline styles:**
+```bash
+npx css-to-tailwind-react ./src --skip-external --skip-internal
+```
+
+**Full conversion with CSS cleanup:**
+```bash
+npx css-to-tailwind-react ./src --delete-css
+```
+
+## Supported Conversions
+
+### Inline Styles
+
+Input:
+```jsx
+<div style={{ display: "flex", justifyContent: "center", padding: "16px" }}>
+  Content
+</div>
+```
+
+Output:
+```jsx
+<div className="flex justify-center p-4">
+  Content
+</div>
+```
+
+### External CSS
+
+Input (`styles.css`):
+```css
+.main-head {
+  font-weight: bold;
+  text-align: center;
+  margin-bottom: 20px;
+}
+```
+
+Component:
+```jsx
+import "./styles.css";
+
+function Header() {
+  return <h1 className="main-head">Title</h1>;
+}
+```
+
+Output:
+```jsx
+import "./styles.css";
+
+function Header() {
+  return <h1 className="font-bold text-center mb-5">Title</h1>;
+}
+```
+
+### ClassName Merging
+
+Input:
+```jsx
+<div className="container" style={{ display: "flex" }}>
+  Content
+</div>
+```
+
+Output:
+```jsx
+<div className="container flex">
+  Content
+</div>
+```
+
+## Supported CSS Properties
+
+The following properties are supported in v1:
+
+- **Display**: `display: flex`, `display: block`, etc.
+- **Position**: `position: relative`, `absolute`, etc.
+- **Spacing**: `margin`, `padding` (with px to Tailwind scale conversion)
+- **Typography**: `font-weight`, `font-size`, `text-align`
+- **Flexbox**: `flex-direction`, `flex-wrap`, `justify-content`, `align-items`
+- **Gap**: `gap` (with spacing scale)
+- **Dimensions**: `width`, `height` (basic values and percentages)
+- **Colors**: `background-color`, `color` (named, hex, rgb)
+- **Border**: `border-radius`
+
+## What Gets Skipped
+
+The following are intentionally skipped with warnings:
+
+- Pseudo-selectors (`:hover`, `:focus`, etc.)
+- Media queries
+- Nested selectors
+- CSS animations and keyframes
+- CSS variables (`--*`)
+- `calc()` expressions
+- Dynamic styles (conditional expressions)
+- Complex className expressions
+
+## Safety Features
+
+### Backups
+
+All original files are backed up to `.css-to-tailwind-backups/` before modification. To restore:
+
+```bash
+# Manual restore
+cp -r .css-to-tailwind-backups/* ./
+```
+
+### Dry Run
+
+Always preview changes first:
+
+```bash
+npx css-to-tailwind-react ./src --dry-run --verbose
+```
+
+### Dynamic Content Detection
+
+The tool safely skips dynamic expressions:
+
+```jsx
+// These are skipped with warnings
+<div style={dynamicStyle} />
+<div className={condition ? "a" : "b"} style={{ display: "flex" }} />
+```
+
+## Configuration
+
+The tool automatically detects and uses your `tailwind.config.js` if present. It supports:
+
+- Custom spacing scales
+- Extended colors
+- Custom font sizes
+- Border radius values
+
+Example config support:
+
+```javascript
+// tailwind.config.js
+module.exports = {
+  theme: {
+    extend: {
+      spacing: {
+        '18': '4.5rem',
+        '88': '22rem',
+      }
+    }
+  }
+}
+```
+
+## Programmatic API
+
+```typescript
+import { scanProject, transformFiles } from 'css-to-tailwind-react';
+
+const files = await scanProject('./src');
+const results = await transformFiles(files, {
+  dryRun: false,
+  deleteCss: true,
+  skipExternal: false,
+  skipInline: false,
+  skipInternal: false,
+  tailwindConfig: null,
+  projectRoot: './src'
+});
+
+console.log(`Modified ${results.filesModified} files`);
+```
+
+## Architecture
+
+```
+src/
+├── cli.ts              # Commander CLI entry
+├── scanner.ts          # File detection with fast-glob
+├── jsxParser.ts        # Babel AST transformations
+├── cssParser.ts        # PostCSS CSS parsing
+├── tailwindMapper.ts   # CSS to Tailwind conversion engine
+├── transformer.ts      # Main transformation coordinator
+├── fileWriter.ts       # Safe file operations with backups
+└── utils/
+    ├── logger.ts       # Structured logging
+    └── config.ts       # Tailwind config loading
+```
+
+## Limitations
+
+### v1 Limitations
+
+1. **No pseudo-selectors**: `:hover`, `:focus`, etc. are skipped
+2. **No media queries**: Responsive styles are not converted
+3. **No SCSS/Sass**: Plain CSS only
+4. **Limited value formats**: Pixel values and standard units work best
+5. **No complex selectors**: Only simple class selectors (`.classname`)
+6. **No CSS-in-JS**: Styled-components, emotion, etc. not supported
+
+### Best Practices
+
+1. **Commit your code** before running
+2. **Use `--dry-run`** first to preview changes
+3. **Review warnings** - some styles may need manual conversion
+4. **Test thoroughly** after conversion
+5. **Keep backups** until you're confident
+
+## Troubleshooting
+
+### "No supported files found"
+
+Ensure your target directory contains `.js`, `.jsx`, `.ts`, `.tsx`, or `.css` files. The tool automatically ignores `node_modules`, `.next`, `dist`, and `build` directories.
+
+### "Failed to parse"
+
+Some JavaScript/TypeScript syntax may not be supported. Ensure your code is valid and doesn't use experimental features.
+
+### Missing Tailwind classes
+
+The tool uses a default Tailwind config if none is found. Create a `tailwind.config.js` for custom scales.
+
+### Too many warnings
+
+Use `--verbose` to see detailed output about what's being skipped and why.
+
+## Contributing
+
+Contributions welcome! Please ensure:
+
+1. Code follows TypeScript strict mode
+2. All tests pass
+3. New features include tests
+4. Documentation is updated
+
+## License
+
+MIT
+
+## Changelog
+
+### 1.0.0
+
+- Initial release
+- Inline style conversion
+- External CSS support
+- Internal style support
+- Backup and dry-run modes
+- Tailwind config detection

package/bin/index.js

@@ -0,0 +1,11 @@
+#!/usr/bin/env node
+
+const path = require('path');
+
+// Determine which build to use
+const distPath = path.join(__dirname, '..', 'dist');
+
+// Try to load the compiled CLI
+const cliPath = path.join(distPath, 'cli.js');
+
+require(cliPath);

package/dist/cli.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cli.js

@@ -0,0 +1,80 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const commander_1 = require("commander");
+const scanner_1 = require("./scanner");
+const transformer_1 = require("./transformer");
+const logger_1 = require("./utils/logger");
+const config_1 = require("./utils/config");
+const path_1 = __importDefault(require("path"));
+const program = new commander_1.Command();
+program
+    .name('css-to-tailwind-react')
+    .description('Convert traditional CSS into Tailwind CSS utility classes for React')
+    .version('1.0.0')
+    .argument('<directory>', 'Target directory to scan and transform')
+    .option('--dry-run', 'Show changes without modifying files')
+    .option('--verbose', 'Show detailed output')
+    .option('--delete-css', 'Delete CSS files when all rules are converted')
+    .option('--skip-external', 'Skip external CSS files (imports)')
+    .option('--skip-inline', 'Skip inline styles')
+    .option('--skip-internal', 'Skip internal <style> blocks')
+    .action(async (directory, options) => {
+    const startTime = Date.now();
+    try {
+        // Set verbose mode for logger
+        logger_1.logger.setVerbose(options.verbose || false);
+        logger_1.logger.info('🚀 CSS to Tailwind React Converter');
+        logger_1.logger.info(`📁 Target directory: ${path_1.default.resolve(directory)}`);
+        if (options.dryRun) {
+            logger_1.logger.info('🔍 Dry run mode - no files will be modified');
+        }
+        // Load Tailwind config
+        logger_1.logger.info('⚙️  Loading Tailwind configuration...');
+        const tailwindConfig = await (0, config_1.loadTailwindConfig)(directory);
+        // Scan project files
+        logger_1.logger.info('🔎 Scanning project files...');
+        const files = await (0, scanner_1.scanProject)(directory);
+        logger_1.logger.success(`Found ${files.length} files to process`);
+        if (files.length === 0) {
+            logger_1.logger.warn('No supported files found in the target directory');
+            process.exit(0);
+        }
+        // Transform files
+        const results = await (0, transformer_1.transformFiles)(files, {
+            dryRun: options.dryRun || false,
+            deleteCss: options.deleteCss || false,
+            skipExternal: options.skipExternal || false,
+            skipInline: options.skipInline || false,
+            skipInternal: options.skipInternal || false,
+            tailwindConfig,
+            projectRoot: path_1.default.resolve(directory)
+        });
+        // Print summary
+        const duration = ((Date.now() - startTime) / 1000).toFixed(2);
+        console.log('\n' + '='.repeat(50));
+        logger_1.logger.success('✨ Transformation Complete!');
+        console.log('='.repeat(50));
+        console.log(`📊 Summary:`);
+        console.log(`   Files scanned:      ${results.filesScanned}`);
+        console.log(`   Files modified:     ${results.filesModified}`);
+        console.log(`   Styles converted:   ${results.stylesConverted}`);
+        console.log(`   Classes replaced:   ${results.classesReplaced}`);
+        console.log(`   Warnings:           ${results.warnings}`);
+        console.log(`   Duration:           ${duration}s`);
+        console.log('='.repeat(50));
+        if (results.warnings > 0) {
+            logger_1.logger.warn('Some styles could not be converted. Run with --verbose for details.');
+            process.exit(0);
+        }
+        process.exit(0);
+    }
+    catch (error) {
+        logger_1.logger.error('❌ Transformation failed:', error);
+        process.exit(1);
+    }
+});
+program.parse();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xpLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL2NsaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLHlDQUFvQztBQUNwQyx1Q0FBd0M7QUFDeEMsK0NBQStDO0FBQy9DLDJDQUF3QztBQUN4QywyQ0FBb0Q7QUFDcEQsZ0RBQXdCO0FBV3hCLE1BQU0sT0FBTyxHQUFHLElBQUksbUJBQU8sRUFBRSxDQUFDO0FBRTlCLE9BQU87S0FDSixJQUFJLENBQUMsdUJBQXVCLENBQUM7S0FDN0IsV0FBVyxDQUFDLHFFQUFxRSxDQUFDO0tBQ2xGLE9BQU8sQ0FBQyxPQUFPLENBQUM7S0FDaEIsUUFBUSxDQUFDLGFBQWEsRUFBRSx3Q0FBd0MsQ0FBQztLQUNqRSxNQUFNLENBQUMsV0FBVyxFQUFFLHNDQUFzQyxDQUFDO0tBQzNELE1BQU0sQ0FBQyxXQUFXLEVBQUUsc0JBQXNCLENBQUM7S0FDM0MsTUFBTSxDQUFDLGNBQWMsRUFBRSwrQ0FBK0MsQ0FBQztLQUN2RSxNQUFNLENBQUMsaUJBQWlCLEVBQUUsbUNBQW1DLENBQUM7S0FDOUQsTUFBTSxDQUFDLGVBQWUsRUFBRSxvQkFBb0IsQ0FBQztLQUM3QyxNQUFNLENBQUMsaUJBQWlCLEVBQUUsOEJBQThCLENBQUM7S0FDekQsTUFBTSxDQUFDLEtBQUssRUFBRSxTQUFpQixFQUFFLE9BQW1CLEVBQUUsRUFBRTtJQUN2RCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUM7SUFFN0IsSUFBSSxDQUFDO1FBQ0gsOEJBQThCO1FBQzlCLGVBQU0sQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQztRQUU1QyxlQUFNLENBQUMsSUFBSSxDQUFDLG9DQUFvQyxDQUFDLENBQUM7UUFDbEQsZUFBTSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsY0FBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFL0QsSUFB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LENBQUMsQ0FBQyxDQUFDO0lBQ2xCLENBQUM7SUFBQyxPQUFPLEtBQUssRUFBRSxDQUFDO1FBQ2YsZUFBTSxDQUFDLEtBQUssQ0FBQywwQkFBMEIsRUFBRSxLQUFLLENBQUMsQ0FBQztRQUNoRCxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2xCLENBQUM7QUFDSCxDQUFDLENBQUMsQ0FBQztBQUVMLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1hbmQgfSBmcm9tICdjb21tYW5kZXInO1xuaW1wb3J0IHsgc2NhblByb2plY3QgfSBmcm9tICcuL3NjYW5uZXInO1xuaW1wb3J0IHsgdHJhbnNmb3JtRmlsZXMgfSBmcm9tICcuL3RyYW5zZm9ybWVyJztcbmltcG9ydCB7IGxvZ2dlciB9IGZyb20gJy4vdXRpbHMvbG9nZ2VyJztcbmltcG9ydCB7IGxvYWRUYWlsd2luZENvbmZpZyB9IGZyb20gJy4vdXRpbHMvY29uZmlnJztcbmltcG9ydCBwYXRoIGZyb20gJ3BhdGgnO1xuXG5pbnRlcmZhY2UgQ0xJT3B0aW9ucyB7XG4gIGRyeVJ1bj86IGJvb2xlYW47XG4gIHZlcmJvc2U/OiBib29sZWFuO1xuICBkZWxldGVDc3M/OiBib29sZWFuO1xuICBza2lwRXh0ZXJuYWw/OiBib29sZWFuO1xuICBza2lwSW5saW5lPzogYm9vbGVhbjtcbiAgc2tpcEludGVybmFsPzogYm9vbGVhbjtcbn1cblxuY29uc3QgcHJvZ3JhbSA9IG5ldyBDb21tYW5kKCk7XG5cbnByb2dyYW1cbiAgLm5hbWUoJ2Nzcy10by10YWlsd2luZC1yZWFjdCcpXG4gIC5kZXNjcmlwdGlvbignQ29udmVydCB0cmFkaXRpb25hbCBDU1MgaW50byBUYWlsd2luZCBDU1MgdXRpbGl0eSBjbGFzc2VzIGZvciBSZWFjdCcpXG4gIC52ZXJzaW9uKCcxLjAuMCcpXG4gIC5hcmd1bWVudCgnPGRpcmVjdG9yeT4nLCAnVGFyZ2V0IGRpcmVjdG9yeSB0byBzY2FuIGFuZCB0cmFuc2Zvcm0nKVxuICAub3B0aW9uKCctLWRyeS1ydW4nLCAnU2hvdyBjaGFuZ2VzIHdpdGhvdXQgbW9kaWZ5aW5nIGZpbGVzJylcbiAgLm9wdGlvbignLS12ZXJib3NlJywgJ1Nob3cgZGV0YWlsZWQgb3V0cHV0JylcbiAgLm9wdGlvbignLS1kZWxldGUtY3NzJywgJ0RlbGV0ZSBDU1MgZmlsZXMgd2hlbiBhbGwgcnVsZXMgYXJlIGNvbnZlcnRlZCcpXG4gIC5vcHRpb24oJy0tc2tpcC1leHRlcm5hbCcsICdTa2lwIGV4dGVybmFsIENTUyBmaWxlcyAoaW1wb3J0cyknKVxuICAub3B0aW9uKCctLXNraXAtaW5saW5lJywgJ1NraXAgaW5saW5lIHN0eWxlcycpXG4gIC5vcHRpb24oJy0tc2tpcC1pbnRlcm5hbCcsICdTa2lwIGludGVybmFsIDxzdHlsZT4gYmxvY2tzJylcbiAgLmFjdGlvbihhc3luYyAoZGlyZWN0b3J5OiBzdHJpbmcsIG9wdGlvbnM6IENMSU9wdGlvbnMpID0+IHtcbiAgICBjb25zdCBzdGFydFRpbWUgPSBEYXRlLm5vdygpO1xuICAgIFxuICAgIHRyeSB7XG4gICAgICAvLyBTZXQgdmVyYm9zZSBtb2RlIGZvciBsb2dnZXJcbiAgICAgIGxvZ2dlci5zZXRWZXJib3NlKG9wdGlvbnMudmVyYm9zZSB8fCBmYWxzZSk7XG4gICAgICBcbiAgICAgIGxvZ2dlci5pbmZvKCfwn5qAIENTUyB0byBUYWlsd2luZCBSZWFjdCBDb252ZXJ0ZXInKTtcbiAgICAgIGxvZ2dlci5pbmZvKGDwn5OBIFRhcmdldCBkaXJlY3Rvcnk6ICR7cGF0aC5yZXNvbHZlKGRpcmVjdG9yeSl9YCk7XG4gICAgICBcbiAgICAgIGlmIChvcHRpb25zLmRyeVJ1bikge1xuICAgICAgICBsb2dnZXIuaW5mbygn8J+UjSBEcnkgcnVuIG1vZGUgLSBubyBmaWxlcyB3aWxsIGJlIG1vZGlmaWVkJyk7XG4gICAgICB9XG5cbiAgICAgIC8vIExvYWQgVGFpbHdpbmQgY29uZmlnXG4gICAgICBsb2dnZXIuaW5mbygn4pqZ77iPICBMb2FkaW5nIFRhaWx3aW5kIGNvbmZpZ3VyYXRpb24uLi4nKTtcbiAgICAgIGNvbnN0IHRhaWx3aW5kQ29uZmlnID0gYXdhaXQgbG9hZFRhaWx3aW5kQ29uZmlnKGRpcmVjdG9yeSk7XG4gICAgICBcbiAgICAgIC8vIFNjYW4gcHJvamVjdCBmaWxlc1xuICAgICAgbG9nZ2VyLmluZm8oJ/CflI4gU2Nhbm5pbmcgcHJvamVjdCBmaWxlcy4uLicpO1xuICAgICAgY29uc3QgZmlsZXMgPSBhd2FpdCBzY2FuUHJvamVjdChkaXJlY3RvcnkpO1xuICAgICAgXG4gICAgICBsb2dnZXIuc3VjY2VzcyhgRm91bmQgJHtmaWxlcy5sZW5ndGh9IGZpbGVzIHRvIHByb2Nlc3NgKTtcbiAgICAgIFxuICAgICAgaWYgKGZpbGVzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICBsb2dnZXIud2FybignTm8gc3VwcG9ydGVkIGZpbGVzIGZvdW5kIGluIHRoZSB0YXJnZXQgZGlyZWN0b3J5Jyk7XG4gICAgICAgIHByb2Nlc3MuZXhpdCgwKTtcbiAgICAgIH1cblxuICAgICAgLy8gVHJhbnNmb3JtIGZpbGVzXG4gICAgICBjb25zdCByZXN1bHRzID0gYXdhaXQgdHJhbnNmb3JtRmlsZXMoZmlsZXMsIHtcbiAgICAgICAgZHJ5UnVuOiBvcHRpb25zLmRyeVJ1biB8fCBmYWxzZSxcbiAgICAgICAgZGVsZXRlQ3NzOiBvcHRpb25zLmRlbGV0ZUNzcyB8fCBmYWxzZSxcbiAgICAgICAgc2tpcEV4dGVybmFsOiBvcHRpb25zLnNraXBFeHRlcm5hbCB8fCBmYWxzZSxcbiAgICAgICAgc2tpcElubGluZTogb3B0aW9ucy5za2lwSW5saW5lIHx8IGZhbHNlLFxuICAgICAgICBza2lwSW50ZXJuYWw6IG9wdGlvbnMuc2tpcEludGVybmFsIHx8IGZhbHNlLFxuICAgICAgICB0YWlsd2luZENvbmZpZyxcbiAgICAgICAgcHJvamVjdFJvb3Q6IHBhdGgucmVzb2x2ZShkaXJlY3RvcnkpXG4gICAgICB9KTtcblxuICAgICAgLy8gUHJpbnQgc3VtbWFyeVxuICAgICAgY29uc3QgZHVyYXRpb24gPSAoKERhdGUubm93KCkgLSBzdGFydFRpbWUpIC8gMTAwMCkudG9GaXhlZCgyKTtcbiAgICAgIFxuICAgICAgY29uc29sZS5sb2coJ1xcbicgKyAnPScucmVwZWF0KDUwKSk7XG4gICAgICBsb2dnZXIuc3VjY2Vzcygn4pyoIFRyYW5zZm9ybWF0aW9uIENvbXBsZXRlIScpO1xuICAgICAgY29uc29sZS5sb2coJz0nLnJlcGVhdCg1MCkpO1xuICAgICAgY29uc29sZS5sb2coYPCfk4ogU3VtbWFyeTpgKTtcbiAgICAgIGNvbnNvbGUubG9nKGAgICBGaWxlcyBzY2FubmVkOiAgICAgICR7cmVzdWx0cy5maWxlc1NjYW5uZWR9YCk7XG4gICAgICBjb25zb2xlLmxvZyhgICAgRmlsZXMgbW9kaWZpZWQ6ICAgICAke3Jlc3VsdHMuZmlsZXNNb2RpZmllZH1gKTtcbiAgICAgIGNvbnNvbGUubG9nKGAgICBTdHlsZXMgY29udmVydGVkOiAgICR7cmVzdWx0cy5zdHlsZXNDb252ZXJ0ZWR9YCk7XG4gICAgICBjb25zb2xlLmxvZyhgICAgQ2xhc3NlcyByZXBsYWNlZDogICAke3Jlc3VsdHMuY2xhc3Nlc1JlcGxhY2VkfWApO1xuICAgICAgY29uc29sZS5sb2coYCAgIFdhcm5pbmdzOiAgICAgICAgICAgJHtyZXN1bHRzLndhcm5pbmdzfWApO1xuICAgICAgY29uc29sZS5sb2coYCAgIER1cmF0aW9uOiAgICAgICAgICAgJHtkdXJhdGlvbn1zYCk7XG4gICAgICBjb25zb2xlLmxvZygnPScucmVwZWF0KDUwKSk7XG5cbiAgICAgIGlmIChyZXN1bHRzLndhcm5pbmdzID4gMCkge1xuICAgICAgICBsb2dnZXIud2FybignU29tZSBzdHlsZXMgY291bGQgbm90IGJlIGNvbnZlcnRlZC4gUnVuIHdpdGggLS12ZXJib3NlIGZvciBkZXRhaWxzLicpO1xuICAgICAgICBwcm9jZXNzLmV4aXQoMCk7XG4gICAgICB9XG5cbiAgICAgIHByb2Nlc3MuZXhpdCgwKTtcbiAgICB9IGNhdGNoIChlcnJvcikge1xuICAgICAgbG9nZ2VyLmVycm9yKCfinYwgVHJhbnNmb3JtYXRpb24gZmFpbGVkOicsIGVycm9yKTtcbiAgICAgIHByb2Nlc3MuZXhpdCgxKTtcbiAgICB9XG4gIH0pO1xuXG5wcm9ncmFtLnBhcnNlKCk7XG4iXX0=

package/dist/cssParser.d.ts

@@ -0,0 +1,41 @@
+import { TailwindMapper, CSSProperty } from './tailwindMapper';
+export interface CSSRule {
+    selector: string;
+    className: string;
+    declarations: CSSProperty[];
+    convertedClasses: string[];
+    skipped: boolean;
+    fullyConverted: boolean;
+    partialConversion: boolean;
+    reason?: string;
+}
+export interface CSSParseResult {
+    css: string;
+    rules: CSSRule[];
+    hasChanges: boolean;
+    canDelete: boolean;
+    warnings: string[];
+}
+export interface CSSUsageMap {
+    [className: string]: string[];
+}
+export declare class CSSParser {
+    private mapper;
+    constructor(mapper: TailwindMapper);
+    parse(css: string, filePath: string): Promise<CSSParseResult>;
+    parseInternalStyle(html: string): {
+        styles: Array<{
+            content: string;
+            start: number;
+            end: number;
+        }>;
+        warnings: string[];
+    };
+    parseInternalCSS(html: string, filePath: string): Promise<{
+        html: string;
+        rules: CSSRule[];
+        hasChanges: boolean;
+        warnings: string[];
+    }>;
+    extractImportPaths(code: string): string[];
+}