feat(core): remove replaceMap options

Author: sonofmagic

packages/core/package.json

@@ -2,13 +2,32 @@
   "name": "@tailwindcss-mangle/core",
   "version": "2.2.2",
   "description": "The core of tailwindcss-mangle",
+  "author": "SonOfMagic <[email protected]>",
+  "license": "MIT",
+  "homepage": "https://github.com/sonofmagic/tailwindcss-mangle",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sonofmagic/tailwindcss-mangle.git"
+  },
+  "bugs": {
+    "url": "https://github.com/sonofmagic/tailwindcss-mangle/issues"
+  },
+  "keywords": [
+    "tailwindcss",
+    "patch",
+    "core",
+    "mangle"
+  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
     }
   },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "typesVersions": {
     "*": {
       "*": [
@@ -17,9 +36,6 @@
       ]
     }
   },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
@@ -30,14 +46,6 @@
     "test:dev": "vitest",
     "coverage": "vitest run --coverage"
   },
-  "keywords": [
-    "tailwindcss",
-    "patch",
-    "core",
-    "mangle"
-  ],
-  "author": "SonOfMagic <[email protected]>",
-  "license": "MIT",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -66,15 +74,7 @@
     "@vue/compiler-core": "^3.4.29",
     "@vue/compiler-sfc": "^3.4.27"
   },
-  "homepage": "https://github.com/sonofmagic/tailwindcss-mangle",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/sonofmagic/tailwindcss-mangle.git"
-  },
-  "bugs": {
-    "url": "https://github.com/sonofmagic/tailwindcss-mangle/issues"
-  },
   "directories": {
     "test": "test"
   }
-}
+}

packages/core/src/css/plugins.ts

@@ -23,9 +23,10 @@ export function isVueScoped(s: parser.ClassName): boolean {
 }
 
 export const transformSelectorPostcssPlugin: PluginCreator<ICssHandlerOptions> = function (options) {
-  const { ignoreVueScoped, replaceMap, ctx } = defu(options, {
+  const { ignoreVueScoped, ctx } = defu(options, {
     ignoreVueScoped: true,
   })
+  const replaceMap = ctx.replaceMap
 
   return {
     postcssPlugin,

packages/core/src/ctx/index.ts

@@ -1,5 +1,6 @@
 import fs from 'node:fs'
 import { isAbsolute, resolve } from 'node:path'
+import process from 'node:process'
 import { ClassGenerator } from '@tailwindcss-mangle/shared'
 import { getConfig } from '@tailwindcss-mangle/config'
 import type { MangleUserConfig } from '@tailwindcss-mangle/config'
@@ -17,7 +18,7 @@ export class Context {
   options: MangleUserConfig
   private includeMatcher: (file: string) => boolean
   private excludeMatcher: (file: string) => boolean
-  private replaceMap: Map<string, string>
+  public replaceMap: Map<string, string>
   classSet: Set<string>
 
   classGenerator: ClassGenerator

packages/core/src/env.ts

@@ -1,2 +1,4 @@
+import process from 'node:process'
+
 export const isProd = () => process.env.NODE_ENV === 'production'
 export const isDev = () => process.env.NODE_ENV === 'development'

packages/core/src/html/index.ts

@@ -4,7 +4,9 @@ import type { IHtmlHandlerOptions } from '../types'
 import { makeRegex, splitCode } from '../shared'
 // const { traverse } = await import('@parse5/tools')
 export function htmlHandler(rawSource: string, options: IHtmlHandlerOptions) {
-  const { replaceMap, ctx } = options
+  const { ctx } = options
+  const { replaceMap } = ctx
+
   const fragment = parse(rawSource)
   traverse(fragment, {
     element(node) {

packages/core/src/js/index.ts

@@ -7,8 +7,9 @@ import { isProd as isProduction } from '../env'
 export { preProcessJs, preProcessRawCode } from './pre'
 
 export function handleValue(raw: string, node: StringLiteral | TemplateElement, options: IJsHandlerOptions) {
-  const { replaceMap, ctx, splitQuote = true } = options
-  const clsGen = ctx.classGenerator
+  const { ctx, splitQuote = true } = options
+  const { replaceMap, classGenerator: clsGen } = ctx
+
   const array = splitCode(raw, {
     splitQuote,
   })

packages/core/src/js/pre.ts

@@ -8,9 +8,9 @@ import type { ParseResult } from '@babel/parser'
 import { escapeStringRegexp } from '@/utils'
 import type { Context } from '@/ctx'
 import { between } from '@/math'
+import type { IPreProcessJsOptions } from '@/types'
 
 interface Options {
-  replaceMap: Map<string, string>
   magicString: MagicString
   id: string
   ctx: Context
@@ -25,7 +25,8 @@ type HandleValueOptions = {
 } & Options
 
 export function handleValue(options: HandleValueOptions) {
-  const { ctx, id, path, magicString, raw, replaceMap, offset = 0, escape = false, markedArray } = options
+  const { ctx, id, path, magicString, raw, offset = 0, escape = false, markedArray } = options
+  const { replaceMap } = ctx
   const node = path.node
   let value = raw
   // why 字符串字面量只要开始和结束 在 方法节点内就保留, 另外不可能出现 字符串字面量 开始和结束的下标整个包括 方法体，这是不可能出现的事情
@@ -60,54 +61,41 @@ export function handleValue(options: HandleValueOptions) {
 
 export const JsPlugin = declare((api, options: Options) => {
   api.assertVersion(7)
-  const { magicString, replaceMap, id, ctx, markedArray } = options
+  const { magicString, id, ctx, markedArray } = options
   return {
     visitor: {
       StringLiteral: {
         exit(p) {
-          const opts: HandleValueOptions = {
+          handleValue({
             ctx,
             id,
             magicString,
             path: p,
             raw: p.node.value,
-            replaceMap,
             offset: 1,
             escape: true,
             markedArray,
-          }
-
-          handleValue(opts)
+          })
         },
       },
       TemplateElement: {
         exit(p) {
-          const opts: HandleValueOptions = {
+          handleValue({
             ctx,
             id,
             magicString,
             path: p,
             raw: p.node.value.raw,
-            replaceMap,
             offset: 0,
             escape: false,
             markedArray,
-          }
-
-          handleValue(opts)
+          })
         },
       },
     },
   }
 })
 
-interface IPreProcessJsOptions {
-  code: string | MagicString
-  replaceMap: Map<string, string>
-  id: string
-  ctx: Context
-}
-
 function transformSync(ast: babel.types.Node, code: string, plugins: babel.PluginItem[] | null | undefined, filename: string | null | undefined) {
   babel.transformFromAstSync(ast, code, {
     presets: loadPresets(),
@@ -129,7 +117,8 @@ export function loadPresets() {
 }
 
 export function preProcessJs(options: IPreProcessJsOptions): string {
-  const { code, replaceMap, id, ctx } = options
+  const { code, id, ctx } = options
+  const { replaceMap } = ctx
   const magicString = typeof code === 'string' ? new MagicString(code) : code
   let ast: ParseResult<babel.types.File>
   try {
@@ -211,15 +200,9 @@ export function preProcessJs(options: IPreProcessJsOptions): string {
   return magicString.toString()
 }
 
-interface IPreProcessRawCodeOptions {
-  code: string | MagicString
-  replaceMap: Map<string, string>
-  id: string
-  ctx: Context
-}
-
-export function preProcessRawCode(options: IPreProcessRawCodeOptions): string {
-  const { code, replaceMap, ctx } = options
+export function preProcessRawCode(options: IPreProcessJsOptions): string {
+  const { code, ctx } = options
+  const { replaceMap } = ctx
   const magicString = typeof code === 'string' ? new MagicString(code) : code
   const markArr: [number, number][] = []
   for (const regex of ctx.preserveFunctionRegexs) {

packages/core/src/types.ts

@@ -1,3 +1,4 @@
+import type MagicString from 'magic-string'
 import type { Context } from './ctx'
 
 export interface IClassGeneratorContextItem {
@@ -16,7 +17,6 @@ export interface IClassGeneratorOptions {
 }
 
 export interface IHandlerOptions {
-  replaceMap: Map<string, string>
   ctx: Context
 }
 
@@ -32,3 +32,9 @@ export interface ICssHandlerOptions extends IHandlerOptions {
   ignoreVueScoped?: boolean
   file?: string
 }
+
+export interface IPreProcessJsOptions extends IHandlerOptions {
+  code: string | MagicString
+  id: string
+
+}

packages/core/src/vue/index.ts

@@ -0,0 +1,5 @@
+import { parse } from '@vue/compiler-sfc'
+
+export function vueHandler(raw: string) {
+  parse(raw)
+}

packages/core/test/css.test.ts

@@ -10,14 +10,13 @@ describe('css', () => {
   })
 
   it('preserveClassNamesSet case 0', async () => {
-    const replaceMap = new Map()
+    const replaceMap = ctx.replaceMap
     replaceMap.set('gap-y-4', 'tw-a')
     ctx.classGenerator.generateClassName('gap-y-4')
     const testCase = `.gap-y-4 {color:red;}`
     ctx.addPreserveClass('gap-y-4')
     const { css } = await cssHandler(testCase, {
       ctx,
-      replaceMap,
     })
     expect(css).toMatchSnapshot()
   })
@@ -30,13 +29,12 @@ describe('css', () => {
     ctx.addPreserveClass('gap-y-4')
     const { css } = await cssHandler(testCase, {
       ctx,
-      replaceMap: ctx.getReplaceMap(),
     })
     expect(css).toMatchSnapshot()
   })
 
   it('vue scoped .gap-y-4', async () => {
-    const replaceMap = new Map()
+    const replaceMap = ctx.replaceMap
     replaceMap.set('gap-y-4', 'tw-a')
     ctx.classGenerator.generateClassName('gap-y-4')
     const testCase = `@media (min-width: 768px) {
@@ -46,13 +44,12 @@ describe('css', () => {
 
     const { css } = await cssHandler(testCase, {
       ctx,
-      replaceMap,
     })
     expect(css).toMatchSnapshot()
   })
 
   it('vue scoped .gap-y-4[data-v-0f84999b]', async () => {
-    const replaceMap = new Map()
+    const replaceMap = ctx.replaceMap
     replaceMap.set('gap-y-4', 'tw-a')
     ctx.classGenerator.generateClassName('gap-y-4')
     const testCase = `@media (min-width: 768px) {
@@ -62,13 +59,12 @@ describe('css', () => {
 
     const { css } = await cssHandler(testCase, {
       ctx,
-      replaceMap,
     })
     expect(css).toMatchSnapshot()
   })
 
   it('vue scoped no ignore .gap-y-4[data-v-0f84999b]', async () => {
-    const replaceMap = new Map()
+    const replaceMap = ctx.replaceMap
     replaceMap.set('gap-y-4', 'tw-a')
     ctx.classGenerator.generateClassName('gap-y-4')
     const testCase = `@media (min-width: 768px) {
@@ -78,14 +74,13 @@ describe('css', () => {
 
     const { css } = await cssHandler(testCase, {
       ctx,
-      replaceMap,
       ignoreVueScoped: false,
     })
     expect(css).toMatchSnapshot()
   })
 
   it('common with scoped', async () => {
-    const replaceMap = new Map()
+    const replaceMap = ctx.replaceMap
     replaceMap.set('bg-white', 'tw-a')
     ctx.classGenerator.generateClassName('bg-white')
     const testCase = `
@@ -96,21 +91,19 @@ describe('css', () => {
 
     const { css } = await cssHandler(testCase, {
       ctx,
-      replaceMap,
     })
     expect(css).toMatchSnapshot()
   })
 
   it('vue.scoped.css', async () => {
     const list = JSON.parse(getTestCase('nuxt-app-partial-class-set.json'))
-    const replaceMap: Map<string, any> = new Map()
+    const replaceMap: Map<string, any> = ctx.replaceMap
     for (const cls of list) {
       replaceMap.set(cls, ctx.classGenerator.generateClassName(cls).name)
     }
     const testCase = getTestCase('vue.scoped.css')
     const { css } = await cssHandler(testCase, {
       ctx,
-      replaceMap,
     })
     expect(css).toMatchSnapshot()
   })