refactor: migrate to ES module syntax for imports across utility and rule files

Author: ImBIOS

src/rules/classnames-order.ts

@@ -4,14 +4,14 @@
  */
 'use strict';
 
+import { createContext as createContextFallback } from 'tailwindcss/lib/lib/setupContextUtils';
 import astUtil from '../util/ast';
 import customConfig from '../util/customConfig';
 import docsUrl from '../util/docsUrl';
 import parserUtil from '../util/parser';
 import order from '../util/prettier/order';
 import removeDuplicatesFromClassnamesAndWhitespaces from '../util/removeDuplicatesFromClassnamesAndWhitespaces';
 import getOption from '../util/settings';
-const createContextFallback = require('tailwindcss/lib/lib/setupContextUtils').createContext;
 
 //------------------------------------------------------------------------------
 // Rule Definition

src/rules/migration-from-tailwind-2.ts

@@ -4,12 +4,12 @@
  */
 'use strict';
 
-const docsUrl = require('../util/docsUrl');
-const customConfig = require('../util/customConfig');
-const astUtil = require('../util/ast');
-const groupUtil = require('../util/groupMethods');
-const getOption = require('../util/settings');
-const parserUtil = require('../util/parser');
+import astUtil from '../util/ast';
+import customConfig from '../util/customConfig';
+import docsUrl from '../util/docsUrl';
+import groupUtil from '../util/groupMethods';
+import parserUtil from '../util/parser';
+import getOption from '../util/settings';
 
 //------------------------------------------------------------------------------
 // Rule Definition

src/rules/no-arbitrary-value.ts

@@ -4,12 +4,12 @@
  */
 'use strict';
 
-const docsUrl = require('../util/docsUrl');
-const customConfig = require('../util/customConfig');
-const astUtil = require('../util/ast');
-const groupUtil = require('../util/groupMethods');
-const getOption = require('../util/settings');
-const parserUtil = require('../util/parser');
+import astUtil from '../util/ast';
+import customConfig from '../util/customConfig';
+import docsUrl from '../util/docsUrl';
+import groupUtil from '../util/groupMethods';
+import parserUtil from '../util/parser';
+import getOption from '../util/settings';
 
 //------------------------------------------------------------------------------
 // Rule Definition

src/rules/no-custom-classname.ts

@@ -4,6 +4,7 @@
  */
 'use strict';
 
+import { createContext as createContextFallback } from 'tailwindcss/lib/lib/setupContextUtils';
 import { groups as defaultGroups } from '../configs/groups';
 import astUtil from '../util/ast';
 import getClassnamesFromCSS from '../util/cssFiles';
@@ -12,9 +13,8 @@ import docsUrl from '../util/docsUrl';
 import generated from '../util/generated';
 import groupUtil from '../util/groupMethods';
 import parserUtil from '../util/parser';
+import { escapeRegex } from '../util/regex';
 import getOption from '../util/settings';
-const createContextFallback = require('tailwindcss/lib/lib/setupContextUtils').createContext;
-const escapeRegex = require('../util/regex').escapeRegex;
 
 //------------------------------------------------------------------------------
 // Rule Definition

src/util/ast.ts

@@ -9,7 +9,7 @@ import { separatorRegEx } from './regex';
 // /.../eslint-plugin-tailwindcss/node_modules/espree/espree.js
 // /.../eslint-plugin-tailwindcss/node_modules/@angular-eslint/template-parser/dist/index.js
 
-const removeDuplicatesFromArray = require('./removeDuplicatesFromArray');
+import removeDuplicatesFromArray from './removeDuplicatesFromArray';
 
 function calleeToString(calleeNode) {
   if (calleeNode.type === 'Identifier') {

src/util/cssFiles.ts

@@ -1,10 +1,10 @@
 'use strict';
 
-const fg = require('fast-glob');
-const fs = require('fs');
-const postcss = require('postcss');
+import fg from 'fast-glob';
+import fs from 'fs';
+import postcss from 'postcss';
+import removeDuplicatesFromArray from './removeDuplicatesFromArray';
 const lastClassFromSelectorRegexp = /\.([^\.\,\s\n\:\(\)\[\]\'~\+\>\*\\]*)/gim;
-const removeDuplicatesFromArray = require('./removeDuplicatesFromArray');
 
 const cssFilesInfos = new Map();
 let lastUpdate = null;

src/util/customConfig.ts

@@ -6,15 +6,15 @@ import resolveConfig from 'tailwindcss/resolveConfig';
 let twLoadConfig: { loadConfig: (arg0: any) => any } | null;
 
 try {
-  twLoadConfig = require('tailwindcss/lib/lib/load-config');
+  twLoadConfig = await import('tailwindcss/lib/lib/load-config');
 } catch (err) {
   twLoadConfig = null;
 }
 
 const CHECK_REFRESH_RATE = 1_000;
 let previousConfig: null = null;
 let lastCheck: number | null = null;
-let mergedConfig: null = null;
+let mergedConfig: null | ReturnType<typeof resolveConfig> = null;
 let lastModifiedDate: string | null = null;
 
 /**

src/util/generated.ts

@@ -1,4 +1,4 @@
-var generateRulesFallback = require('tailwindcss/lib/lib/generateRules').generateRules;
+import { generateRules as generateRulesFallback } from 'tailwindcss/lib/lib/generateRules';
 
 function generate(className, context) {
   // const order = generateRulesFallback(new Set([className]), context).sort(([a], [z]) => bigSign(z - a))[0]?.[0] ?? null;

src/util/settings.ts

@@ -2,7 +2,7 @@
 let resolveDefaultConfigPathAlias: (() => any) | null;
 
 try {
-  const { resolveDefaultConfigPath } = require('tailwindcss/lib/util/resolveConfigPath');
+  const { resolveDefaultConfigPath } = await import('tailwindcss/lib/util/resolveConfigPath');
   resolveDefaultConfigPathAlias = resolveDefaultConfigPath;
 } catch (err) {
   resolveDefaultConfigPathAlias = null;