@tailwindcss-mangle/core 5.0.0 → 5.1.0

package/dist/index.cjs

@@ -36,7 +36,9 @@ __export(index_exports, {
   cssHandler: () => cssHandler,
   handleValue: () => handleValue,
   htmlHandler: () => htmlHandler,
-  jsHandler: () => jsHandler
+  jsHandler: () => jsHandler,
+  svelteHandler: () => svelteHandler,
+  vueHandler: () => vueHandler
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -164,11 +166,9 @@ transformSelectorPostcssPlugin.postcss = true;
 async function cssHandler(rawSource, options) {
   const acceptedPlugins = [transformSelectorPostcssPlugin(options)];
   const { id } = options;
+  const processOptions = id === void 0 ? {} : { from: id, to: id };
   try {
-    const { css: code, map } = await (0, import_postcss.default)(acceptedPlugins).process(rawSource, {
-      from: id,
-      to: id
-    });
+    const { css: code, map } = await (0, import_postcss.default)(acceptedPlugins).process(rawSource, processOptions);
     return {
       code,
       // @ts-ignore
@@ -347,7 +347,9 @@ function htmlHandler(raw, options) {
           if (replaceMap.has(v)) {
             const gen = classGenerator.generateClassName(v);
             rawValue = rawValue.replace((0, shared_exports.makeRegex)(v), gen.name);
-            ctx.addToUsedBy(v, id);
+            if (id) {
+              ctx.addToUsedBy(v, id);
+            }
             needUpdate = true;
           }
         }
@@ -415,7 +417,8 @@ function jsHandler(rawSource, options) {
   let ast;
   try {
     ast = (0, import_parser.parse)(ms.original, {
-      sourceType: "unambiguous"
+      sourceType: "unambiguous",
+      plugins: ["jsx", "typescript"]
     });
   } catch {
     return {
@@ -494,6 +497,215 @@ function jsHandler(rawSource, options) {
     }
   };
 }
+
+// src/svelte/index.ts
+var import_compiler = require("svelte/compiler");
+var import_magic_string3 = __toESM(require("magic-string"), 1);
+async function svelteHandler(rawSource, options) {
+  const { ctx, id } = options;
+  const ms = new import_magic_string3.default(rawSource);
+  try {
+    const ast = (0, import_compiler.parse)(rawSource, {
+      filename: id || "unknown.svelte"
+    });
+    await processSvelteAst(ast, ms, ctx, id);
+    return {
+      code: ms.toString(),
+      get map() {
+        return ms.generateMap();
+      }
+    };
+  } catch (error) {
+    return jsHandler(rawSource, options);
+  }
+}
+async function processSvelteAst(ast, ms, ctx, id) {
+  const { replaceMap, classGenerator } = ctx;
+  const stylePromises = [];
+  async function walk(node) {
+    if (!node) return;
+    if (node.type === "Attribute" && node.name === "class") {
+      for (const attrValue of node.value) {
+        if (attrValue.type === "Text") {
+          const classValue = attrValue.data;
+          const arr = (0, shared_exports.splitCode)(classValue, { splitQuote: false });
+          let newValue = classValue;
+          let needUpdate = false;
+          for (const v of arr) {
+            if (replaceMap.has(v)) {
+              const gen = classGenerator.generateClassName(v);
+              newValue = newValue.replace((0, shared_exports.makeRegex)(v), gen.name);
+              if (id) {
+                ctx.addToUsedBy(v, id);
+              }
+              needUpdate = true;
+            }
+          }
+          if (needUpdate) {
+            const start = attrValue.start;
+            const end = attrValue.end;
+            ms.update(start, end, newValue);
+          }
+        }
+      }
+    }
+    if (node.type === "ClassDirective") {
+      const className = node.name;
+      if (replaceMap.has(className)) {
+        if (id) {
+          ctx.addToUsedBy(className, id);
+        }
+      }
+    }
+    if (node.type === "Script") {
+      const contentStart = node.content.start;
+      const contentEnd = node.content.end;
+      const innerContent = ms.original.slice(contentStart, contentEnd);
+      const jsHandlerOptions = id === void 0 ? { ctx } : { ctx, id };
+      const result = jsHandler(innerContent, jsHandlerOptions);
+      if (result.code !== innerContent) {
+        ms.update(contentStart, contentEnd, result.code);
+      }
+      return;
+    }
+    if (node.type === "Style") {
+      const contentStart = node.content.start;
+      const contentEnd = node.content.end;
+      const innerContent = ms.original.slice(contentStart, contentEnd);
+      const cssHandlerOptions = id === void 0 ? { ctx } : { ctx, id };
+      const promise = cssHandler(innerContent, cssHandlerOptions).then((result) => {
+        if (result.code !== innerContent) {
+          ms.update(contentStart, contentEnd, result.code);
+        }
+      });
+      stylePromises.push(promise);
+      return;
+    }
+    if (node.children) {
+      for (const child of node.children) {
+        await walk(child);
+      }
+    }
+  }
+  await walk(ast);
+  await Promise.all(stylePromises);
+}
+
+// src/vue/index.ts
+var import_compiler_sfc = require("@vue/compiler-sfc");
+var import_magic_string4 = __toESM(require("magic-string"), 1);
+async function vueHandler(rawSource, options) {
+  const { ctx, id } = options;
+  const ms = new import_magic_string4.default(rawSource);
+  try {
+    const { descriptor } = (0, import_compiler_sfc.parse)(rawSource, {
+      filename: id || "unknown.vue"
+    });
+    if (descriptor.template) {
+      await processTemplate(descriptor.template, ms, ctx, id);
+    }
+    if (descriptor.script || descriptor.scriptSetup) {
+      await processScript(descriptor, ms, ctx, id);
+    }
+    if (descriptor.styles && descriptor.styles.length > 0) {
+      await processStyles(descriptor.styles, ms, ctx, id);
+    }
+    return {
+      code: ms.toString(),
+      get map() {
+        return ms.generateMap();
+      }
+    };
+  } catch (error) {
+    return jsHandler(rawSource, options);
+  }
+}
+async function processTemplate(template, ms, ctx, id) {
+  const { replaceMap, classGenerator } = ctx;
+  if (!template.ast) {
+    try {
+      const compiled = (0, import_compiler_sfc.compileTemplate)({
+        source: template.content,
+        filename: id || "unknown.vue",
+        id: (id || "unknown") + "?template"
+      });
+    } catch {
+      return;
+    }
+  }
+  const classAttrRegex = /\sclass\s*=\s*["']([^"']+)["']/g;
+  let match;
+  const templateStart = template.loc.start.offset;
+  const templateEnd = template.loc.end.offset;
+  const templateContent = ms.original.slice(templateStart, templateEnd);
+  const replacements = [];
+  while ((match = classAttrRegex.exec(templateContent)) !== null) {
+    const fullMatch = match[0];
+    const classValue = match[1];
+    if (classValue === void 0) {
+      continue;
+    }
+    const offset = match.index;
+    const arr = (0, shared_exports.splitCode)(classValue, { splitQuote: false });
+    let newValue = classValue;
+    let needUpdate = false;
+    for (const v of arr) {
+      if (replaceMap.has(v)) {
+        const gen = classGenerator.generateClassName(v);
+        newValue = newValue.replace((0, shared_exports.makeRegex)(v), gen.name);
+        if (id) {
+          ctx.addToUsedBy(v, id);
+        }
+        needUpdate = true;
+      }
+    }
+    if (needUpdate) {
+      const classValueStart = fullMatch.indexOf(classValue);
+      replacements.push({
+        start: templateStart + offset + classValueStart,
+        end: templateStart + offset + classValueStart + classValue.length,
+        value: newValue
+      });
+    }
+  }
+  for (const replacement of replacements) {
+    ms.update(replacement.start, replacement.end, replacement.value);
+  }
+}
+async function processScript(descriptor, ms, ctx, id) {
+  const script = descriptor.scriptSetup || descriptor.script;
+  if (!script) return;
+  const scriptContent = ms.original.slice(
+    script.loc.start.offset,
+    script.loc.end.offset
+  );
+  const jsHandlerOptions = id === void 0 ? { ctx } : { ctx, id };
+  const result = jsHandler(scriptContent, jsHandlerOptions);
+  if (result.code !== scriptContent) {
+    ms.update(
+      script.loc.start.offset,
+      script.loc.end.offset,
+      result.code
+    );
+  }
+}
+async function processStyles(styles, ms, ctx, id) {
+  for (const style of styles) {
+    const styleContent = ms.original.slice(
+      style.loc.start.offset,
+      style.loc.end.offset
+    );
+    const cssHandlerOptions = id === void 0 ? { ctx, ignoreVueScoped: style.scoped } : { ctx, id, ignoreVueScoped: style.scoped };
+    const result = await cssHandler(styleContent, cssHandlerOptions);
+    if (result.code !== styleContent) {
+      ms.update(
+        style.loc.start.offset,
+        style.loc.end.offset,
+        result.code
+      );
+    }
+  }
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ClassGenerator,
@@ -501,5 +713,7 @@ function jsHandler(rawSource, options) {
   cssHandler,
   handleValue,
   htmlHandler,
-  jsHandler
+  jsHandler,
+  svelteHandler,
+  vueHandler
 });

package/dist/index.d.cts

@@ -63,6 +63,11 @@ interface IJsHandlerOptions extends IHandlerOptions {
 interface ICssHandlerOptions extends IHandlerOptions {
     ignoreVueScoped?: boolean;
 }
+interface IVueHandlerOptions$1 extends IJsHandlerOptions {
+    preserveScoped?: boolean;
+}
+interface ISvelteHandlerOptions$1 extends IJsHandlerOptions {
+}
 
 declare function cssHandler(rawSource: string, options: ICssHandlerOptions): Promise<IHandlerTransformResult>;
 
@@ -71,4 +76,13 @@ declare function htmlHandler(raw: string | MagicString, options: IHtmlHandlerOpt
 declare function handleValue(raw: string, node: StringLiteral | TemplateElement, options: IJsHandlerOptions, ms: MagicString, offset: number, escape: boolean): string;
 declare function jsHandler(rawSource: string | MagicString, options: IJsHandlerOptions): IHandlerTransformResult;
 
-export { Context, type IClassGeneratorContextItem, type IClassGeneratorOptions, type ICssHandlerOptions, type IHandler, type IHandlerOptions, type IHandlerTransformResult, type IHtmlHandlerOptions, type IJsHandlerOptions, cssHandler, handleValue, htmlHandler, jsHandler };
+interface ISvelteHandlerOptions extends IJsHandlerOptions {
+}
+declare function svelteHandler(rawSource: string, options: ISvelteHandlerOptions): Promise<IHandlerTransformResult>;
+
+interface IVueHandlerOptions extends IJsHandlerOptions {
+    preserveScoped?: boolean;
+}
+declare function vueHandler(rawSource: string, options: IVueHandlerOptions): Promise<IHandlerTransformResult>;
+
+export { Context, type IClassGeneratorContextItem, type IClassGeneratorOptions, type ICssHandlerOptions, type IHandler, type IHandlerOptions, type IHandlerTransformResult, type IHtmlHandlerOptions, type IJsHandlerOptions, type ISvelteHandlerOptions$1 as ISvelteHandlerOptions, type IVueHandlerOptions$1 as IVueHandlerOptions, cssHandler, handleValue, htmlHandler, jsHandler, svelteHandler, vueHandler };

package/dist/index.d.ts

@@ -63,6 +63,11 @@ interface IJsHandlerOptions extends IHandlerOptions {
 interface ICssHandlerOptions extends IHandlerOptions {
     ignoreVueScoped?: boolean;
 }
+interface IVueHandlerOptions$1 extends IJsHandlerOptions {
+    preserveScoped?: boolean;
+}
+interface ISvelteHandlerOptions$1 extends IJsHandlerOptions {
+}
 
 declare function cssHandler(rawSource: string, options: ICssHandlerOptions): Promise<IHandlerTransformResult>;
 
@@ -71,4 +76,13 @@ declare function htmlHandler(raw: string | MagicString, options: IHtmlHandlerOpt
 declare function handleValue(raw: string, node: StringLiteral | TemplateElement, options: IJsHandlerOptions, ms: MagicString, offset: number, escape: boolean): string;
 declare function jsHandler(rawSource: string | MagicString, options: IJsHandlerOptions): IHandlerTransformResult;
 
-export { Context, type IClassGeneratorContextItem, type IClassGeneratorOptions, type ICssHandlerOptions, type IHandler, type IHandlerOptions, type IHandlerTransformResult, type IHtmlHandlerOptions, type IJsHandlerOptions, cssHandler, handleValue, htmlHandler, jsHandler };
+interface ISvelteHandlerOptions extends IJsHandlerOptions {
+}
+declare function svelteHandler(rawSource: string, options: ISvelteHandlerOptions): Promise<IHandlerTransformResult>;
+
+interface IVueHandlerOptions extends IJsHandlerOptions {
+    preserveScoped?: boolean;
+}
+declare function vueHandler(rawSource: string, options: IVueHandlerOptions): Promise<IHandlerTransformResult>;
+
+export { Context, type IClassGeneratorContextItem, type IClassGeneratorOptions, type ICssHandlerOptions, type IHandler, type IHandlerOptions, type IHandlerTransformResult, type IHtmlHandlerOptions, type IJsHandlerOptions, type ISvelteHandlerOptions$1 as ISvelteHandlerOptions, type IVueHandlerOptions$1 as IVueHandlerOptions, cssHandler, handleValue, htmlHandler, jsHandler, svelteHandler, vueHandler };

package/dist/index.js

@@ -136,11 +136,9 @@ transformSelectorPostcssPlugin.postcss = true;
 async function cssHandler(rawSource, options) {
   const acceptedPlugins = [transformSelectorPostcssPlugin(options)];
   const { id } = options;
+  const processOptions = id === void 0 ? {} : { from: id, to: id };
   try {
-    const { css: code, map } = await postcss(acceptedPlugins).process(rawSource, {
-      from: id,
-      to: id
-    });
+    const { css: code, map } = await postcss(acceptedPlugins).process(rawSource, processOptions);
     return {
       code,
       // @ts-ignore
@@ -320,7 +318,9 @@ function htmlHandler(raw, options) {
           if (replaceMap.has(v)) {
             const gen = classGenerator.generateClassName(v);
             rawValue = rawValue.replace((0, shared_exports.makeRegex)(v), gen.name);
-            ctx.addToUsedBy(v, id);
+            if (id) {
+              ctx.addToUsedBy(v, id);
+            }
             needUpdate = true;
           }
         }
@@ -388,7 +388,8 @@ function jsHandler(rawSource, options) {
   let ast;
   try {
     ast = parse(ms.original, {
-      sourceType: "unambiguous"
+      sourceType: "unambiguous",
+      plugins: ["jsx", "typescript"]
     });
   } catch {
     return {
@@ -467,6 +468,215 @@ function jsHandler(rawSource, options) {
     }
   };
 }
+
+// src/svelte/index.ts
+import { parse as parse2 } from "svelte/compiler";
+import MagicString3 from "magic-string";
+async function svelteHandler(rawSource, options) {
+  const { ctx, id } = options;
+  const ms = new MagicString3(rawSource);
+  try {
+    const ast = parse2(rawSource, {
+      filename: id || "unknown.svelte"
+    });
+    await processSvelteAst(ast, ms, ctx, id);
+    return {
+      code: ms.toString(),
+      get map() {
+        return ms.generateMap();
+      }
+    };
+  } catch (error) {
+    return jsHandler(rawSource, options);
+  }
+}
+async function processSvelteAst(ast, ms, ctx, id) {
+  const { replaceMap, classGenerator } = ctx;
+  const stylePromises = [];
+  async function walk(node) {
+    if (!node) return;
+    if (node.type === "Attribute" && node.name === "class") {
+      for (const attrValue of node.value) {
+        if (attrValue.type === "Text") {
+          const classValue = attrValue.data;
+          const arr = (0, shared_exports.splitCode)(classValue, { splitQuote: false });
+          let newValue = classValue;
+          let needUpdate = false;
+          for (const v of arr) {
+            if (replaceMap.has(v)) {
+              const gen = classGenerator.generateClassName(v);
+              newValue = newValue.replace((0, shared_exports.makeRegex)(v), gen.name);
+              if (id) {
+                ctx.addToUsedBy(v, id);
+              }
+              needUpdate = true;
+            }
+          }
+          if (needUpdate) {
+            const start = attrValue.start;
+            const end = attrValue.end;
+            ms.update(start, end, newValue);
+          }
+        }
+      }
+    }
+    if (node.type === "ClassDirective") {
+      const className = node.name;
+      if (replaceMap.has(className)) {
+        if (id) {
+          ctx.addToUsedBy(className, id);
+        }
+      }
+    }
+    if (node.type === "Script") {
+      const contentStart = node.content.start;
+      const contentEnd = node.content.end;
+      const innerContent = ms.original.slice(contentStart, contentEnd);
+      const jsHandlerOptions = id === void 0 ? { ctx } : { ctx, id };
+      const result = jsHandler(innerContent, jsHandlerOptions);
+      if (result.code !== innerContent) {
+        ms.update(contentStart, contentEnd, result.code);
+      }
+      return;
+    }
+    if (node.type === "Style") {
+      const contentStart = node.content.start;
+      const contentEnd = node.content.end;
+      const innerContent = ms.original.slice(contentStart, contentEnd);
+      const cssHandlerOptions = id === void 0 ? { ctx } : { ctx, id };
+      const promise = cssHandler(innerContent, cssHandlerOptions).then((result) => {
+        if (result.code !== innerContent) {
+          ms.update(contentStart, contentEnd, result.code);
+        }
+      });
+      stylePromises.push(promise);
+      return;
+    }
+    if (node.children) {
+      for (const child of node.children) {
+        await walk(child);
+      }
+    }
+  }
+  await walk(ast);
+  await Promise.all(stylePromises);
+}
+
+// src/vue/index.ts
+import { compileTemplate, parse as parse3 } from "@vue/compiler-sfc";
+import MagicString4 from "magic-string";
+async function vueHandler(rawSource, options) {
+  const { ctx, id } = options;
+  const ms = new MagicString4(rawSource);
+  try {
+    const { descriptor } = parse3(rawSource, {
+      filename: id || "unknown.vue"
+    });
+    if (descriptor.template) {
+      await processTemplate(descriptor.template, ms, ctx, id);
+    }
+    if (descriptor.script || descriptor.scriptSetup) {
+      await processScript(descriptor, ms, ctx, id);
+    }
+    if (descriptor.styles && descriptor.styles.length > 0) {
+      await processStyles(descriptor.styles, ms, ctx, id);
+    }
+    return {
+      code: ms.toString(),
+      get map() {
+        return ms.generateMap();
+      }
+    };
+  } catch (error) {
+    return jsHandler(rawSource, options);
+  }
+}
+async function processTemplate(template, ms, ctx, id) {
+  const { replaceMap, classGenerator } = ctx;
+  if (!template.ast) {
+    try {
+      const compiled = compileTemplate({
+        source: template.content,
+        filename: id || "unknown.vue",
+        id: (id || "unknown") + "?template"
+      });
+    } catch {
+      return;
+    }
+  }
+  const classAttrRegex = /\sclass\s*=\s*["']([^"']+)["']/g;
+  let match;
+  const templateStart = template.loc.start.offset;
+  const templateEnd = template.loc.end.offset;
+  const templateContent = ms.original.slice(templateStart, templateEnd);
+  const replacements = [];
+  while ((match = classAttrRegex.exec(templateContent)) !== null) {
+    const fullMatch = match[0];
+    const classValue = match[1];
+    if (classValue === void 0) {
+      continue;
+    }
+    const offset = match.index;
+    const arr = (0, shared_exports.splitCode)(classValue, { splitQuote: false });
+    let newValue = classValue;
+    let needUpdate = false;
+    for (const v of arr) {
+      if (replaceMap.has(v)) {
+        const gen = classGenerator.generateClassName(v);
+        newValue = newValue.replace((0, shared_exports.makeRegex)(v), gen.name);
+        if (id) {
+          ctx.addToUsedBy(v, id);
+        }
+        needUpdate = true;
+      }
+    }
+    if (needUpdate) {
+      const classValueStart = fullMatch.indexOf(classValue);
+      replacements.push({
+        start: templateStart + offset + classValueStart,
+        end: templateStart + offset + classValueStart + classValue.length,
+        value: newValue
+      });
+    }
+  }
+  for (const replacement of replacements) {
+    ms.update(replacement.start, replacement.end, replacement.value);
+  }
+}
+async function processScript(descriptor, ms, ctx, id) {
+  const script = descriptor.scriptSetup || descriptor.script;
+  if (!script) return;
+  const scriptContent = ms.original.slice(
+    script.loc.start.offset,
+    script.loc.end.offset
+  );
+  const jsHandlerOptions = id === void 0 ? { ctx } : { ctx, id };
+  const result = jsHandler(scriptContent, jsHandlerOptions);
+  if (result.code !== scriptContent) {
+    ms.update(
+      script.loc.start.offset,
+      script.loc.end.offset,
+      result.code
+    );
+  }
+}
+async function processStyles(styles, ms, ctx, id) {
+  for (const style of styles) {
+    const styleContent = ms.original.slice(
+      style.loc.start.offset,
+      style.loc.end.offset
+    );
+    const cssHandlerOptions = id === void 0 ? { ctx, ignoreVueScoped: style.scoped } : { ctx, id, ignoreVueScoped: style.scoped };
+    const result = await cssHandler(styleContent, cssHandlerOptions);
+    if (result.code !== styleContent) {
+      ms.update(
+        style.loc.start.offset,
+        style.loc.end.offset,
+        result.code
+      );
+    }
+  }
+}
 var export_ClassGenerator = shared_exports.ClassGenerator;
 export {
   export_ClassGenerator as ClassGenerator,
@@ -474,5 +684,7 @@ export {
   cssHandler,
   handleValue,
   htmlHandler,
-  jsHandler
+  jsHandler,
+  svelteHandler,
+  vueHandler
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tailwindcss-mangle/core",
   "type": "module",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "description": "The core of tailwindcss-mangle",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -47,19 +47,25 @@
   },
   "dependencies": {
     "@ast-core/escape": "^1.0.1",
-    "@babel/parser": "^7.28.5",
-    "@babel/traverse": "^7.28.5",
-    "@babel/types": "^7.28.5",
+    "@babel/parser": "^7.29.0",
+    "@babel/traverse": "^7.29.0",
+    "@babel/types": "^7.29.0",
+    "@vue/compiler-sfc": "^3.5.28",
     "fast-sort": "^3.4.1",
-    "fs-extra": "^11.3.2",
-    "htmlparser2": "10.0.0",
+    "fs-extra": "^11.3.3",
+    "htmlparser2": "10.1.0",
     "magic-string": "^0.30.21",
+    "parse5": "^8.0.0",
     "pathe": "^2.0.3",
     "postcss": "^8.5.6",
-    "postcss-selector-parser": "^7.1.0",
-    "@tailwindcss-mangle/config": "^6.0.0",
+    "postcss-selector-parser": "^7.1.1",
+    "svelte": "^5.51.1",
+    "@tailwindcss-mangle/config": "^6.1.1",
     "@tailwindcss-mangle/shared": "^4.1.1"
   },
+  "devDependencies": {
+    "@types/parse5": "^7.0.0"
+  },
   "scripts": {
     "dev": "tsup --watch --sourcemap",
     "build": "tsup",