chore: wip

Author: chrisbbreuer

eslint.config.ts

@@ -12,6 +12,8 @@ const config: ESLintConfig = stacks({
   yaml: true,
   ignores: [
     'fixtures/**',
+    'docs/**',
+    'packages/*/docs/**',
   ],
 })
 

packages/headwind/src/parser.ts

@@ -238,7 +238,7 @@ export function parseClass(className: string): ParsedClass {
     }
 
     // Regular negative value
-    const match = positiveUtility.match(/^([a-z-]+?)(?:-(.+))?$/)
+    const match = positiveUtility.match(/^([a-z]+(?:-[a-z]+)*)(?:-(.+))?$/)
     if (match) {
       return {
         raw: className,
@@ -253,7 +253,7 @@ export function parseClass(className: string): ParsedClass {
 
   // Check for color opacity modifiers: bg-blue-500/50, text-red-500/75
   // Must come before fractional values to avoid conflict
-  const opacityMatch = utility.match(/^([a-z-]+?)-(.+?)\/(\d+)$/)
+  const opacityMatch = utility.match(/^([a-z]+(?:-[a-z]+)*)-(.+?)\/(\d+)$/)
   if (opacityMatch && ['bg', 'text', 'border', 'ring', 'placeholder', 'divide'].includes(opacityMatch[1])) {
     return {
       raw: className,
@@ -266,7 +266,7 @@ export function parseClass(className: string): ParsedClass {
   }
 
   // Check for fractional values: w-1/2, h-3/4
-  const fractionMatch = utility.match(/^([a-z-]+?)-(\d+)\/(\d+)$/)
+  const fractionMatch = utility.match(/^([a-z-]+)-(\d+)\/(\d+)$/)
   if (fractionMatch) {
     return {
       raw: className,
@@ -279,7 +279,7 @@ export function parseClass(className: string): ParsedClass {
   }
 
   // Regular parsing - split on last dash
-  const match = utility.match(/^([a-z-]+?)(?:-(.+))?$/)
+  const match = utility.match(/^([a-z]+(?:-[a-z]+)*)(?:-(.+))?$/)
   if (!match) {
     return {
       raw: className,
@@ -316,6 +316,7 @@ export function extractClasses(content: string): Set<string> {
 
   for (const pattern of patterns) {
     let match
+    // eslint-disable-next-line no-cond-assign
     while ((match = pattern.exec(content)) !== null) {
       const classStr = match[1]
       // Extract all quoted strings from the class string (handles template literals with expressions)

packages/headwind/src/transformer-compile-class.ts

@@ -50,6 +50,7 @@ export function extractCompileClasses(
   const classRegex = /(?:class|className)=["']([^"']*)["']/g
   let match: RegExpExecArray | null
 
+  // eslint-disable-next-line no-cond-assign
   while ((match = classRegex.exec(content)) !== null) {
     const fullClass = match[1]
 
@@ -92,6 +93,7 @@ export function transformContent(
   // We need to replace in reverse order to maintain string positions
   const replacements: Array<{ start: number, end: number, replacement: string }> = []
 
+  // eslint-disable-next-line no-cond-assign
   while ((match = classRegex.exec(content)) !== null) {
     const fullClass = match[1]
 

packages/headwind/test/parser.test.ts

@@ -391,7 +391,8 @@ describe('extractClasses - Edge Cases', () => {
   })
 
   it('should handle template literal with expressions', () => {
-    const jsx = '<div className={`flex $\{isActive ? "active" : ""} p-4`}></div>'
+    // eslint-disable-next-line no-template-curly-in-string
+    const jsx = '<div className={`flex ${isActive ? "active" : ""} p-4`}></div>'
     const result = extractClasses(jsx)
     expect(result.has('flex')).toBe(true)
     expect(result.has('p-4')).toBe(true)

packages/headwind/test/scanner.test.ts

@@ -22,7 +22,8 @@ describe('Scanner', () => {
 
     await writeFile(
       join(TEST_DIR, 'test3.jsx'),
-      '<div className={`text-center $\{active ? "font-bold" : ""}`}>Text</div>',
+      // eslint-disable-next-line no-template-curly-in-string
+      '<div className={`text-center ${active ? "font-bold" : ""}`}>Text</div>',
     )
   })