feat: 🎸 add runtime option tailwindcssConfigPath

src/extension.ts

@@ -7,11 +7,12 @@ import ignore from "ignore";
 import { Formatter } from "blade-formatter";
 import { setExtensionContext } from './extensionContext';
 import { telemetry, TelemetryEventNames } from './telemetry';
-import { readRuntimeConfig } from './runtimeConfig';
+import { findConfigFile, readRuntimeConfig } from './runtimeConfig';
 import { ExtensionConstants } from "./constants";
 import { messages } from "./messages";
 import { formatFromCommand } from "./commands";
-import { getCoreNodeModule } from "./util";
+import { getCoreNodeModule, requireUncached } from "./util";
+import { resolveTailwindConfig } from "./tailwind";
 
 const { Range, Position } = vscode;
 const vsctmModule = getCoreNodeModule("vscode-textmate");
@@ -72,6 +73,10 @@ export function activate(context: ExtensionContext) {
 
                 const runtimeConfig = readRuntimeConfig(document.uri.fsPath);
 
+                if (runtimeConfig?.tailwindcssConfigPath) {
+                    runtimeConfig.tailwindcssConfigPath = resolveTailwindConfig(document.uri.fsPath, runtimeConfig?.tailwindcssConfigPath ?? '');
+                }
+
                 const options = {
                     vsctm: vsctmModule,
                     oniguruma: onigurumaModule,
@@ -82,7 +87,7 @@ export function activate(context: ExtensionContext) {
                     sortTailwindcssClasses: extConfig.sortTailwindcssClasses,
                     sortHtmlAttributes: extConfig.sortHtmlAttributes ?? 'none',
                     noMultipleEmptyLines: extConfig.noMultipleEmptyLines,
-                    ...runtimeConfig,
+                    ...runtimeConfig, // override all settings by runtime config
                 };
 
                 const progressMessage = isLargeFile(document) ? messages.largeFileFormattingMessage : messages.formattingMessage;

src/runtimeConfig.ts

@@ -22,6 +22,7 @@ export interface RuntimeConfig {
     useTabs?: boolean;
     sortTailwindcssClasses?: boolean;
     sortHtmlAttributes?: string;
+    tailwindcssConfigPath?: string;
     noMultipleEmptyLines?: boolean;
 }
 
@@ -55,6 +56,7 @@ export function readRuntimeConfig(filePath: string): RuntimeConfig | undefined {
             useTabs: { type: 'boolean' },
             sortTailwindcssClasses: { type: 'boolean' },
             sortHtmlAttributes: { type: 'string' },
+            tailwindcssConfigPath: { type: 'string' },
             noMultipleEmptyLines: { type: 'boolean' },
         },
         additionalProperties: true,
@@ -63,7 +65,7 @@ export function readRuntimeConfig(filePath: string): RuntimeConfig | undefined {
     return parse(configFileContent);
 }
 
-function findConfigFile(filePath: string): string | null {
+export function findConfigFile(filePath: string): string | null {
     for (let i = 0; i < configFileNames.length; i++) {
         const result: string | null = findConfig(configFileNames[i], {
             cwd: path.dirname(filePath),

src/tailwind.ts

@@ -0,0 +1,25 @@
+import findConfig from 'find-config';
+import path from 'path';
+import { findConfigFile } from './runtimeConfig';
+
+const __config__ = 'tailwind.config.js';
+
+/**
+ * Resolve tailwind config path if resolvable
+ *
+ * @param filepath string
+ * @param optionPath string
+ */
+export function resolveTailwindConfig(filepath: string, optionPath: string): string {
+    if (!optionPath) {
+        return findConfig(__config__, { cwd: path.dirname(filepath) }) ?? '';
+    }
+
+    if (path.isAbsolute(optionPath ?? '')) {
+        return optionPath;
+    }
+
+    const runtimeConfigPath = findConfigFile(filepath);
+
+    return path.resolve(path.dirname(runtimeConfigPath ?? ''), optionPath ?? '');
+}