feat: remove dedent pkg

Author: sonofmagic

package.json

@@ -31,6 +31,7 @@
     "@tailwindcss-mangle/core": "workspace:*",
     "@tailwindcss-mangle/shared": "workspace:*",
     "@tsconfig/recommended": "^1.0.6",
+    "@types/fs-extra": "^11.0.4",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^20.14.8",
     "@vitest/coverage-v8": "^1.6.0",
@@ -40,6 +41,7 @@
     "defu": "^6.1.4",
     "del": "^7.1.0",
     "eslint": "^9.5.0",
+    "fs-extra": "^11.2.0",
     "local-pkg": "^0.5.0",
     "lodash-es": "^4.17.21",
     "only-allow": "^1.2.1",

packages/config/package.json

@@ -51,7 +51,6 @@
   },
   "dependencies": {
     "@tailwindcss-mangle/shared": "workspace:^",
-    "c12": "^1.11.1",
-    "dedent": "^1.5.3"
+    "c12": "^1.11.1"
   }
 }

packages/config/src/config.ts

@@ -1,7 +1,6 @@
 import path from 'node:path'
 import fs from 'node:fs/promises'
 import { createDefineConfig, loadConfig } from 'c12'
-import dedent from 'dedent'
 import type { UserConfig } from './types'
 import { getDefaultUserConfig } from './defaults'
 import { configName } from './constants'
@@ -21,11 +20,10 @@ export const defineConfig = createDefineConfig<UserConfig>()
 export function initConfig(cwd: string) {
   return fs.writeFile(
     path.resolve(cwd, `${configName}.config.ts`),
-    dedent`
-      import { defineConfig } from 'tailwindcss-patch'
+    `import { defineConfig } from 'tailwindcss-patch'
 
-      export default defineConfig({})
-    `,
+export default defineConfig({})
+`,
     'utf8',
   )
 }

packages/config/test/__snapshots__/config.test.ts.snap

@@ -0,0 +1,8 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`config > init config 1`] = `
+"import { defineConfig } from 'tailwindcss-patch'
+
+export default defineConfig({})
+"
+`;

packages/config/test/config.test.ts

@@ -0,0 +1,12 @@
+import fs from 'fs-extra'
+import path from 'pathe'
+import { initConfig } from '@/config'
+
+describe('config', () => {
+  it('init config', async () => {
+    const cwd = path.resolve(__dirname, './fixtures/config/initConfig')
+    await initConfig(cwd)
+    const dest = path.resolve(cwd, 'tailwindcss-mangle.config.ts')
+    expect(await fs.readFile(dest, 'utf8')).toMatchSnapshot()
+  })
+})

packages/config/test/fixtures/config/0.default/tailwindcss-mangle.config.ts

@@ -1,3 +1,3 @@
 import { defineConfig } from 'tailwindcss-patch'
 
-export default defineConfig({})
+export default defineConfig({})

packages/config/test/fixtures/config/initConfig/tailwindcss-mangle.config.ts

@@ -0,0 +1,3 @@
+import { defineConfig } from 'tailwindcss-patch'
+
+export default defineConfig({})

packages/core/src/css/index.ts

@@ -4,9 +4,9 @@ import { transformSelectorPostcssPlugin } from './plugins'
 
 export function cssHandler(rawSource: string, options: ICssHandlerOptions) {
   const acceptedPlugins = [transformSelectorPostcssPlugin(options)]
-  const { file } = options
+  const { id } = options
   return postcss(acceptedPlugins).process(rawSource, {
-    from: file,
-    to: file,
+    from: id,
+    to: id,
   })
 }

packages/core/src/ctx/index.ts

@@ -68,7 +68,10 @@ export class Context {
     return this.replaceMap // map
   }
 
-  addToUsedBy(key: string, file: string) {
+  addToUsedBy(key: string, file?: string) {
+    if (!file) {
+      return
+    }
     const hit = this.classGenerator.newClassMap[key]
     if (hit) {
       hit.usedBy.add(file)

packages/core/src/js/index.ts

@@ -5,10 +5,8 @@ import type { IJsHandlerOptions } from '../types'
 import { makeRegex, splitCode } from '../shared'
 import { parse, traverse } from '@/babel'
 
-export { preProcessJs, preProcessRawCode } from './pre'
-
 export function handleValue(raw: string, node: StringLiteral | TemplateElement, options: IJsHandlerOptions, ms: MagicString, offset: number, escape: boolean) {
-  const { ctx, splitQuote = true } = options
+  const { ctx, splitQuote = true, id } = options
   const { replaceMap, classGenerator: clsGen } = ctx
 
   const array = splitCode(raw, {
@@ -24,7 +22,9 @@ export function handleValue(raw: string, node: StringLiteral | TemplateElement,
       }
 
       if (!ignoreFlag) {
-        rawString = rawString.replace(makeRegex(v), clsGen.generateClassName(v).name)
+        const gen = clsGen.generateClassName(v)
+        rawString = rawString.replace(makeRegex(v), gen.name)
+        ctx.addToUsedBy(gen.name, id)
         needUpdate = true
       }
     }
@@ -42,10 +42,18 @@ export function handleValue(raw: string, node: StringLiteral | TemplateElement,
 
 export function jsHandler(rawSource: string | MagicString, options: IJsHandlerOptions) {
   const ms: MagicString = typeof rawSource === 'string' ? new MagicString(rawSource) : rawSource
-  const ast = parse(ms.original, {
-    sourceType: 'unambiguous',
-    // plugins: ['typescript', 'jsx', 'decorators'],
-  })
+  let ast
+  try {
+    ast = parse(ms.original, {
+      sourceType: 'unambiguous',
+    })
+  }
+  catch (error) {
+    return {
+      code: ms.original,
+    }
+  }
+
   traverse(ast, {
     StringLiteral: {
       enter(p) {
@@ -59,24 +67,6 @@ export function jsHandler(rawSource: string | MagicString, options: IJsHandlerOp
         handleValue(n.value.raw, n, options, ms, 0, false)
       },
     },
-    // CallExpression: {
-    //   enter(p: NodePath<CallExpression>) {
-    //     const calleePath = p.get('callee')
-    //     if (calleePath.isIdentifier() && calleePath.node.name === 'eval') {
-    //       p.traverse({
-    //         StringLiteral: {
-    //           enter(s) {
-    //             // ___CSS_LOADER_EXPORT___
-    //             const res = jsHandler(s.node.value, options)
-    //             if (res.code) {
-    //               s.node.value = res.code
-    //             }
-    //           },
-    //         },
-    //       })
-    //     }
-    //   },
-    // },
   })
 
   return {