@zayne-labs/eslint-config 0.9.1 → 0.9.2

package/dist/index.js

@@ -191,6 +191,7 @@ const resolveOptions = (option) => isObject(option) ? option : {};
 //#region src/configs/astro.ts
 const astro = async (options = {}) => {
 	const { files = [GLOB_ASTRO], overrides, typescript: typescript$1 = true } = options;
+	await ensurePackages(["eslint-plugin-astro", "astro-eslint-parser"]);
 	const [pluginAstro, parserAstro] = await Promise.all([interopDefault(import("eslint-plugin-astro")), interopDefault(import("astro-eslint-parser"))]);
 	return [
 		{
@@ -747,7 +748,7 @@ const jsonc = async (options = {}) => {
 //#region src/configs/node.ts
 const node = async (options = {}) => {
 	const { overrides, security = false, type = "app" } = options;
-	const [eslintPluginNode, eslintPluginSecurity] = await Promise.all([interopDefault(import("eslint-plugin-n")), ...security ? [interopDefault(import("eslint-plugin-security"))] : []]);
+	const [eslintPluginNode, eslintPluginSecurity] = await Promise.all([interopDefault(import("eslint-plugin-n")), security ? interopDefault(import("eslint-plugin-security")) : void 0]);
 	const config = [{
 		name: "zayne/node/recommended",
 		plugins: { node: eslintPluginNode },
@@ -908,7 +909,9 @@ const defaultPluginRenameMap = defineEnum({
 	"@next/next": "nextjs-next",
 	"@stylistic": "stylistic",
 	"@tanstack/query": "tanstack-query",
+	"@tanstack/router": "tanstack-router",
 	"@typescript-eslint": "ts-eslint",
+	"better-tailwindcss": "tailwindcss-better",
 	"import-x": "import",
 	n: "node"
 });
@@ -931,15 +934,15 @@ const react = async (options = {}) => {
 	await ensurePackages([
 		"@eslint-react/eslint-plugin",
 		"eslint-plugin-react-hooks",
-		...refresh ? ["eslint-plugin-react-refresh"] : [],
-		...nextjs ? ["@next/eslint-plugin-next"] : []
+		refresh ? "eslint-plugin-react-refresh" : void 0,
+		nextjs ? "@next/eslint-plugin-next" : void 0
 	]);
-	const [eslintPluginReact, eslintReactHooks, eslintPluginReactRefresh] = await Promise.all([
+	const [eslintPluginReact, eslintReactHooks, eslintPluginReactRefresh, eslintPluginNextjs] = await Promise.all([
 		interopDefault(import("@eslint-react/eslint-plugin")),
 		interopDefault(import("eslint-plugin-react-hooks")),
-		...refresh ? [interopDefault(import("eslint-plugin-react-refresh"))] : []
+		refresh ? interopDefault(import("eslint-plugin-react-refresh")) : void 0,
+		nextjs ? interopDefault(import("@next/eslint-plugin-next")) : void 0
 	]);
-	const eslintPluginNextjs = nextjs && await interopDefault(import("@next/eslint-plugin-next"));
 	const recommendedReactConfig = eslintPluginReact.configs[typescript$1 ? "recommended-type-checked" : "recommended"];
 	const config = [
 		{
@@ -968,9 +971,9 @@ const react = async (options = {}) => {
 			files,
 			name: "zayne/react/rules",
 			rules: {
-				"react-hooks-extra/ensure-custom-hooks-using-other-hooks": "error",
 				"react-hooks-extra/no-unnecessary-use-callback": "warn",
 				"react-hooks-extra/no-unnecessary-use-memo": "warn",
+				"react-hooks-extra/no-unnecessary-use-prefix": "error",
 				"react-hooks-extra/prefer-use-state-lazy-initialization": "error",
 				"react-hooks/exhaustive-deps": "warn",
 				"react-hooks/rules-of-hooks": "error",
@@ -1031,14 +1034,10 @@ const react = async (options = {}) => {
 		files,
 		name: "zayne/react/nextjs",
 		plugins: { "nextjs-next": fixupPluginRules(eslintPluginNextjs) },
-		rules: renameRules(
-			// eslint-disable-next-line ts-eslint/no-unsafe-argument -- missing types
-			{
-				...eslintPluginNextjs.configs?.recommended?.rules,
-				...eslintPluginNextjs.configs?.["core-web-vitals"]?.rules
-			},
-			defaultPluginRenameMap
-)
+		rules: renameRules({
+			...eslintPluginNextjs.configs?.recommended?.rules,
+			...eslintPluginNextjs.configs?.["core-web-vitals"]?.rules
+		}, defaultPluginRenameMap)
 	});
 	return config;
 };
@@ -1327,55 +1326,61 @@ const stylistic = async (options = {}) => {
 
 //#endregion
 //#region src/configs/tailwindcss.ts
-const tailwindcss = async (options = {}) => {
-	const { overrides, settings: tailwindCssSettings } = options;
-	await ensurePackages(["eslint-plugin-tailwindcss"]);
-	const eslintPluginTailwindCss = await interopDefault(import("eslint-plugin-tailwindcss"));
+const tailwindcssBetter = async (options = {}) => {
+	const { overrides, settings: tailwindCssBetterSettings } = options;
+	await ensurePackages(["eslint-plugin-better-tailwindcss"]);
+	const [eslintPluginBetterTailwindCss, defaults] = await Promise.all([interopDefault(import("eslint-plugin-better-tailwindcss")), interopDefault(import("eslint-plugin-better-tailwindcss/api/defaults"))]);
 	return [
 		{
-			name: "zayne/tailwindcss/setup",
-			plugins: { tailwindcss: eslintPluginTailwindCss },
-			settings: { tailwindcss: {
+			name: "zayne/tailwindcss-better/setup",
+			plugins: { "tailwindcss-better": eslintPluginBetterTailwindCss },
+			settings: { "better-tailwindcss": {
+				...tailwindCssBetterSettings,
+				attributes: [
+					...defaults.getDefaultAttributes(),
+					"^class(Name|Names)?$",
+					tailwindCssBetterSettings?.attributes
+				],
 				callees: [
-					"tv",
+					...defaults.getDefaultCallees(),
 					"cnMerge",
-					"cn",
 					"cnJoin",
-					"twMerge",
-					"twJoin"
+					tailwindCssBetterSettings?.callees
 				],
-				classRegex: "^class(Name|Names)?$",
-				cssFiles: [],
-				removeDuplicates: false,
-				...tailwindCssSettings
+				entryPoint: tailwindCssBetterSettings?.entryPoint ?? `${process.cwd()}/tailwind.css`
 			} }
 		},
 		{
-			name: "zayne/tailwindcss/recommended",
-			rules: eslintPluginTailwindCss.configs["flat/recommended"][1]?.rules
+			name: "zayne/tailwindcss-better/recommended",
+			rules: renameRules(eslintPluginBetterTailwindCss.configs.recommended?.rules, defaultPluginRenameMap)
 		},
 		{
-			name: "zayne/tailwindcss/rules",
+			name: "zayne/tailwindcss-better/rules",
 			rules: {
-				"tailwindcss/no-contradicting-classname": "off",
-				"tailwindcss/no-custom-classname": ["warn", { ignoredKeys: [
-					"compoundVariants",
-					"defaultVariants",
-					"responsiveVariants"
-				] }],
+				"tailwindcss-better/enforce-consistent-variable-syntax": ["warn", { syntax: "parentheses" }],
+				"tailwindcss-better/multiline": ["off", {
+					indent: 3,
+					printWidth: 107
+				}],
+				"tailwindcss-better/no-conflicting-classes": "warn",
+				"tailwindcss-better/no-unregistered-classes": "warn",
 				...overrides
 			}
 		}
 	];
 };
+/**
+* @description tailwindcss v4 is not supported yet
+* @deprecated until eslint-plugin-tailwindcss supports tailwindcss v4
+*/
 
 //#endregion
 //#region src/configs/tanstack.ts
 const tanstack = async (options = {}) => {
-	const { overrides, query = true } = options;
+	const { overrides, query = true, router } = options;
 	const config = [];
-	await ensurePackages([...query ? ["@tanstack/eslint-plugin-query"] : []]);
-	const [eslintPluginTanstackQuery] = await Promise.all(query ? [interopDefault(import("@tanstack/eslint-plugin-query"))] : []);
+	await ensurePackages([query ? "@tanstack/eslint-plugin-query" : void 0, router ? "@tanstack/eslint-plugin-router" : void 0]);
+	const [eslintPluginTanstackQuery, eslintPluginTanstackRouter] = await Promise.all([query ? interopDefault(import("@tanstack/eslint-plugin-query")) : void 0, router ? interopDefault(import("@tanstack/eslint-plugin-router")) : void 0]);
 	if (query && eslintPluginTanstackQuery) config.push({
 		name: "zayne/tanstack-query/recommended",
 		plugins: { "tanstack-query": eslintPluginTanstackQuery },
@@ -1384,6 +1389,14 @@ const tanstack = async (options = {}) => {
 		name: "zayne/tanstack-query/rules",
 		rules: { ...overrides }
 	});
+	if (router && eslintPluginTanstackRouter) config.push({
+		name: "zayne/tanstack-router/recommended",
+		plugins: { "tanstack-router": eslintPluginTanstackRouter },
+		rules: renameRules(eslintPluginTanstackRouter.configs["flat/recommended"][0]?.rules, defaultPluginRenameMap)
+	}, {
+		name: "zayne/tanstack-router/rules",
+		rules: { ...overrides }
+	});
 	return config;
 };
 
@@ -1465,7 +1478,7 @@ const typescript = async (options = {}) => {
 		}
 	});
 	const selectedBaseRuleSet = isTypeAware ? "strictTypeChecked" : "strict";
-	const selectedStylisticRuleSet = isTypeAware ? "strictTypeChecked" : "strict";
+	const selectedStylisticRuleSet = isTypeAware ? "stylisticTypeChecked" : "stylistic";
 	const typeAwareRules = {
 		"ts-eslint/no-unnecessary-type-parameters": "off",
 		"ts-eslint/non-nullable-type-assertion-style": "off",
@@ -1516,6 +1529,7 @@ const typescript = async (options = {}) => {
 				] }],
 				"ts-eslint/no-import-type-side-effects": "error",
 				"ts-eslint/no-shadow": "error",
+				"ts-eslint/no-unnecessary-type-conversion": "error",
 				"ts-eslint/no-unused-expressions": ["error", {
 					allowShortCircuit: true,
 					allowTernary: true
@@ -1531,6 +1545,7 @@ const typescript = async (options = {}) => {
 				}],
 				"ts-eslint/no-use-before-define": "off",
 				"ts-eslint/no-useless-constructor": "error",
+				"ts-eslint/no-useless-empty-export": "error",
 				...overrides
 			}
 		},
@@ -1583,12 +1598,12 @@ const vue = async (options = {}) => {
 	await ensurePackages([
 		"eslint-plugin-vue",
 		"vue-eslint-parser",
-		...sfcBlocks ? ["eslint-processor-vue-blocks"] : []
+		sfcBlocks ? "eslint-processor-vue-blocks" : void 0
 	]);
 	const [pluginVue, parserVue, processorVueBlocks] = await Promise.all([
 		interopDefault(import("eslint-plugin-vue")),
 		interopDefault(import("vue-eslint-parser")),
-		...sfcBlocks ? [interopDefault(import("eslint-processor-vue-blocks"))] : []
+		sfcBlocks ? interopDefault(import("eslint-processor-vue-blocks")) : void 0
 	]);
 	return [
 		{
@@ -1900,7 +1915,7 @@ const zayne = (options = {}, ...userConfigs) => {
 		typescript: isTypeAware,
 		...resolveOptions(restOfOptions.astro)
 	}));
-	if (restOfOptions.tailwindcss) configs.push(tailwindcss(resolveOptions(restOfOptions.tailwindcss)));
+	if (restOfOptions.tailwindcssBetter) configs.push(tailwindcssBetter(resolveOptions(restOfOptions.tailwindcssBetter)));
 	if (restOfOptions.tanstack) configs.push(tanstack(resolveOptions(restOfOptions.tanstack)));
 	if (restOfOptions.depend) configs.push(depend(resolveOptions(restOfOptions.depend)));
 	assert(!("files" in restOfOptions), `[@zayne-labs/eslint-config] The first argument should not contain the "files" property as the options are supposed to be global. Place it in the second config array instead.`);
@@ -1911,5 +1926,5 @@ const zayne = (options = {}, ...userConfigs) => {
 };
 
 //#endregion
-export { GLOB_ALL_SRC, GLOB_ASTRO, GLOB_ASTRO_TS, GLOB_CSS, GLOB_EXCLUDE, GLOB_GRAPHQL, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_MARKDOWN_IN_MARKDOWN, GLOB_POSTCSS, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLES, GLOB_SVELTE, GLOB_SVG, GLOB_TESTS, GLOB_TOML, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_XML, GLOB_YAML, astro, combine, comments, depend, ensurePackages, gitIgnores, ignores, imports, interopDefault, isObject, isPackageInScope, javascript, jsdoc, jsonc, node, perfectionist, pnpm, react, renamePluginInConfigs, renamePlugins, renameRules, resolveOptions, solid, sortPackageJson, sortTsconfig, stylistic, tailwindcss, tanstack, toml, typescript, unicorn, vue, yaml, zayne };
+export { GLOB_ALL_SRC, GLOB_ASTRO, GLOB_ASTRO_TS, GLOB_CSS, GLOB_EXCLUDE, GLOB_GRAPHQL, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_MARKDOWN_IN_MARKDOWN, GLOB_POSTCSS, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLES, GLOB_SVELTE, GLOB_SVG, GLOB_TESTS, GLOB_TOML, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_XML, GLOB_YAML, astro, combine, comments, depend, ensurePackages, gitIgnores, ignores, imports, interopDefault, isObject, isPackageInScope, javascript, jsdoc, jsonc, node, perfectionist, pnpm, react, renamePluginInConfigs, renamePlugins, renameRules, resolveOptions, solid, sortPackageJson, sortTsconfig, stylistic, tailwindcssBetter, tanstack, toml, typescript, unicorn, vue, yaml, zayne };
 //# sourceMappingURL=index.js.map