eslint-plugin-oxfmt 0.0.3 → 0.0.5

package/README.md

@@ -150,11 +150,49 @@ All options are optional and default to sensible values.
 
 ### Advanced Options
 
-| Option                        | Type              | Default  | Description                               |
-| ----------------------------- | ----------------- | -------- | ----------------------------------------- |
-| `embeddedLanguageFormatting`  | `'auto' \| 'off'` | `'auto'` | Control formatting of quoted code         |
-| `experimentalSortImports`     | `object`          | -        | Experimental import sorting configuration |
-| `experimentalSortPackageJson` | `boolean`         | -        | Experimental package.json sorting         |
+| Option                        | Type              | Default  | Description                                                         |
+| ----------------------------- | ----------------- | -------- | ------------------------------------------------------------------- |
+| `embeddedLanguageFormatting`  | `'auto' \| 'off'` | `'auto'` | Control formatting of quoted code                                   |
+| `experimentalSortImports`     | `object`          | -        | Experimental import sorting configuration                           |
+| `experimentalSortPackageJson` | `boolean`         | -        | Experimental package.json sorting                                   |
+| `experimentalTailwindcss`     | `object`          | -        | Experimental Tailwind CSS class sorting (enable with `{}` for defaults) |
+
+#### Tailwind CSS class sorting
+
+Enable experimental Tailwind CSS class sorting powered by `prettier-plugin-tailwindcss` (pass an empty object to turn it on):
+
+```js
+// eslint.config.mjs
+import pluginOxfmt from 'eslint-plugin-oxfmt'
+
+export default [
+  {
+    ...pluginOxfmt.configs.recommended,
+    files: ['**/*.{js,ts,jsx,tsx}'],
+    rules: {
+      'oxfmt/oxfmt': [
+        'error',
+        {
+          experimentalTailwindcss: {},
+        },
+      ],
+    },
+  },
+]
+```
+
+You can pass the Tailwind plugin options to control which attributes/functions are sorted or keep duplicates:
+
+```js
+{
+  experimentalTailwindcss: {
+    attributes: ['class', 'className', ':class'],
+    functions: ['clsx', 'cn'],
+    preserveDuplicates: false,
+    preserveWhitespace: false,
+  },
+}
+```
 
 ## Rules
 

package/dist/index.mjs

@@ -67,7 +67,7 @@ const configs = { recommended };
 //#endregion
 //#region package.json
 var name = "eslint-plugin-oxfmt";
-var version = "0.0.3";
+var version = "0.0.5";
 
 //#endregion
 //#region src/meta.ts
@@ -182,7 +182,7 @@ const oxfmt = {
 					type: "boolean"
 				},
 				embeddedLanguageFormatting: {
-					description: `Control whether formats quoted code embedded in the file. (Default: "auto")`,
+					description: `Control whether to format embedded parts in the file.\ne.g. JS-in-Vue, CSS-in-JS, etc. (Default: "auto")`,
 					enum: ["auto", "off"],
 					type: "string"
 				},
@@ -203,10 +203,10 @@ const oxfmt = {
 						groups: {
 							description: `Custom groups configuration for organizing imports.\nEach array element represents a group, and multiple group names in the same array are treated as one.\nAccepts both string and string[] as group elements.`,
 							type: "array",
-							items: {
+							items: { anyOf: [{ type: "string" }, {
 								type: "array",
 								items: { type: "string" }
-							}
+							}] }
 						},
 						ignoreCase: {
 							description: `Ignore case when sorting. (Default: true)`,
@@ -244,6 +244,39 @@ const oxfmt = {
 					description: `Experimental: Sort package.json keys. (Default: true)`,
 					type: "boolean"
 				},
+				experimentalTailwindcss: {
+					additionalProperties: false,
+					description: `Experimental: Enable Tailwind CSS class sorting in JSX class/className attributes.\nWhen enabled, class strings will be collected and passed to a callback for sorting.\nPass an object with options from "prettier-plugin-tailwindcss".\n(Default: disabled)`,
+					type: "object",
+					properties: {
+						attributes: {
+							description: `List of attributes that contain Tailwind CSS classes.\n\nExample: ["myClassProp", ":class"]\n\nDefault: ["class", "className"]`,
+							type: "array",
+							items: { type: "string" }
+						},
+						config: {
+							description: `Path to your Tailwind CSS configuration file (v3).\n\nNote: Paths are resolved relative to the Oxfmt configuration file.\n\nDefault: "./tailwind.config.js"`,
+							type: "string"
+						},
+						functions: {
+							description: `List of custom function names that contain Tailwind CSS classes.\n\nExample: ["clsx", "cn", "cva", "tw"]\n\nDefault: []`,
+							type: "array",
+							items: { type: "string" }
+						},
+						preserveDuplicates: {
+							description: `Preserve duplicate classes.\n\nDefault: false`,
+							type: "boolean"
+						},
+						preserveWhitespace: {
+							description: `Preserve whitespace around classes.\n\nDefault: false`,
+							type: "boolean"
+						},
+						stylesheet: {
+							description: `Path to your Tailwind CSS stylesheet (v4).\n\nNote: Paths are resolved relative to the Oxfmt configuration file.\n\nExample: "./src/app.css"`,
+							type: "string"
+						}
+					}
+				},
 				ignorePatterns: {
 					description: `Ignore files matching these glob patterns. Current working directory is used as the root.`,
 					type: "array",

package/dts/rule-options.d.ts

@@ -26,7 +26,7 @@ export type OxfmtOxfmt = []|[{
   
   experimentalSortImports?: {
     
-    groups?: string[][]
+    groups?: (string | string[])[]
     
     ignoreCase?: boolean
     
@@ -45,6 +45,21 @@ export type OxfmtOxfmt = []|[{
   
   experimentalSortPackageJson?: boolean
   
+  experimentalTailwindcss?: {
+    
+    attributes?: string[]
+    
+    config?: string
+    
+    functions?: string[]
+    
+    preserveDuplicates?: boolean
+    
+    preserveWhitespace?: boolean
+    
+    stylesheet?: string
+  }
+  
   ignorePatterns?: string[]
   
   insertFinalNewline?: boolean

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "eslint-plugin-oxfmt",
   "type": "module",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "An ESLint plugin for formatting code with oxfmt.",
   "keywords": [
     "eslint",
@@ -47,15 +47,15 @@
   },
   "dependencies": {
     "generate-differences": "^0.1.1",
-    "load-oxfmt-config": "^0.0.3",
-    "oxfmt": "^0.21.0",
+    "load-oxfmt-config": "^0.0.4",
+    "oxfmt": "^0.22.0",
     "synckit": "^0.11.11"
   },
   "devDependencies": {
-    "@ntnyq/eslint-config": "^5.8.0",
+    "@ntnyq/eslint-config": "^5.9.0",
     "@ntnyq/prettier-config": "^3.0.1",
     "@types/node": "^25.0.3",
-    "@typescript/native-preview": "7.0.0-dev.20251204.1",
+    "@typescript/native-preview": "^7.0.0-dev.20260105.1",
     "bumpp": "^10.3.2",
     "eslint": "^9.39.2",
     "eslint-parser-plain": "^0.1.1",
@@ -67,7 +67,7 @@
     "prettier": "^3.7.4",
     "show-invisibles": "^0.0.2",
     "tinyglobby": "^0.2.15",
-    "tsdown": "^0.18.4",
+    "tsdown": "^0.19.0-beta.2",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
     "vitest": "^4.0.16"
@@ -85,6 +85,6 @@
     "release:version": "bumpp",
     "test": "vitest",
     "typecheck": "tsgo --noEmit",
-    "update:rule-options": "tsx scripts/udpateRuleOptions.ts"
+    "update:rule-options": "tsx scripts/updateRuleOptions.ts"
   }
 }