chore(deps): upgrade

Author: sonofmagic

packages/tailwindcss-patch/package.json

@@ -76,6 +76,8 @@
     "@babel/traverse": "^7.26.7",
     "@babel/types": "^7.26.7",
     "@tailwindcss-mangle/config": "workspace:^",
+    "@tailwindcss/node": "^4.0.0",
+    "@tailwindcss/oxide": "^4.0.0",
     "cac": "^6.7.14",
     "consola": "^3.4.0",
     "fs-extra": "^11.3.0",
@@ -86,8 +88,6 @@
     "semver": "^7.6.3"
   },
   "devDependencies": {
-    "@tailwindcss/node": "^4.0.0",
-    "@tailwindcss/oxide": "^4.0.0",
     "@tailwindcss/postcss": "^4.0.0",
     "@tailwindcss/vite": "^4.0.0",
     "tailwindcss": "^4",

packages/tailwindcss-patch/src/core/candidates.ts

@@ -0,0 +1,47 @@
+import process from 'node:process'
+import { defu } from '@tailwindcss-mangle/shared'
+import { __unstable__loadDesignSystem, compile } from '@tailwindcss/node'
+import { Scanner } from '@tailwindcss/oxide'
+
+// export async function xxx(css: string, opts: CompileOptions = {}) {
+//   const result = await parseCss(CSS.parse(css), opts)
+//   return result.designSystem
+// }
+
+export async function extractRawCandidates(
+  content: string,
+  extension: string = 'html',
+): Promise<{ rawCandidate: string, start: number, end: number }[]> {
+  const scanner = new Scanner({})
+
+  const result = scanner.getCandidatesWithPositions({ content, extension })
+
+  const candidates: { rawCandidate: string, start: number, end: number }[] = []
+  for (const { candidate: rawCandidate, position: start } of result) {
+    candidates.push({ rawCandidate, start, end: start + rawCandidate.length })
+  }
+  return candidates
+}
+
+export interface ExtractValidCandidatesOption {
+  content: string
+  base?: string
+  css?: string
+}
+
+export async function extractValidCandidates(options: ExtractValidCandidatesOption) {
+  const { content, base, css } = defu<
+    Required<ExtractValidCandidatesOption>,
+    Partial<ExtractValidCandidatesOption>[]
+  >(options, {
+    css: '@import "tailwindcss";',
+    base: process.cwd(),
+  })
+  const designSystem = await __unstable__loadDesignSystem(css, { base })
+
+  const candidates = await extractRawCandidates(content)
+  const validCandidates = candidates.filter(
+    ({ rawCandidate }) => designSystem.parseCandidate(rawCandidate).length > 0,
+  )
+  return validCandidates
+}

packages/tailwindcss-patch/test/tailwindcss4.test.ts

@@ -78,6 +78,67 @@ it('extracts candidates with positions from a template', async () => {
   `)
 })
 
+// let sources = (() => {
+//   // Disable auto source detection
+//   if (compiler.root === 'none') {
+//     return []
+//   }
+
+//   // No root specified, use the base directory
+//   if (compiler.root === null) {
+//     return [{ base, pattern: '**/*' }]
+//   }
+
+//   // Use the specified root
+//   return [compiler.root]
+// })().concat(compiler.globs)
+
+it('extracts candidates with positions from a template case 0', async () => {
+  const content = html`
+    <div class="bg-blue-500 hover:focus:text-white [color:red]">
+      <button class="bg-blue-500 text-white">My button</button>
+    </div>
+  `
+  const designSystem = await __unstable__loadDesignSystem('@import "tailwindcss" source("../src");', {
+    base: __dirname,
+  })
+
+  const candidates = await extractRawCandidates(content, 'html')
+  const validCandidates = candidates.filter(
+    ({ rawCandidate }) => designSystem.parseCandidate(rawCandidate).length > 0,
+  )
+
+  expect(validCandidates).toMatchInlineSnapshot(`
+    [
+      {
+        "end": 28,
+        "rawCandidate": "bg-blue-500",
+        "start": 17,
+      },
+      {
+        "end": 51,
+        "rawCandidate": "hover:focus:text-white",
+        "start": 29,
+      },
+      {
+        "end": 63,
+        "rawCandidate": "[color:red]",
+        "start": 52,
+      },
+      {
+        "end": 98,
+        "rawCandidate": "bg-blue-500",
+        "start": 87,
+      },
+      {
+        "end": 109,
+        "rawCandidate": "text-white",
+        "start": 99,
+      },
+    ]
+  `)
+})
+
 it('replaces the right positions for a candidate', async () => {
   const content = html`
     <h1>🤠👋</h1>