feat(eslint): migrate to ESLint v10

packages/@d-zero/commitlint-config/get-cz-config.js

@@ -15,9 +15,15 @@ export async function getCZConfig() {
 		return null;
 	}
 
-	const modPath = czConfigPath.replace(/^(?:\.\/)?node_modules\//, '');
+	const modulePath = czConfigPath.replace(/^(?:\.\/)?node_modules\//, '');
 
-	const czConfig = await import(modPath).catch(() => null);
+	let czConfig;
+
+	try {
+		czConfig = await import(modulePath);
+	} catch {
+		return null;
+	}
 
 	return czConfig?.default ?? czConfig ?? null;
 }

packages/@d-zero/csstree-scss-syntax/src/index.ts

@@ -21,6 +21,8 @@ const forked = CSSTree.fork(
 				...scope,
 				Value: {
 					...scope.Value,
+					// `this` is the css-tree parser context bound at call time, not a class instance.
+					/* eslint-disable unicorn/no-this-outside-of-class */
 					// @ts-ignore
 					getNode: function (context) {
 						// @ts-ignore
@@ -39,6 +41,7 @@ const forked = CSSTree.fork(
 
 						return getNode.call(this, context);
 					},
+					/* eslint-enable unicorn/no-this-outside-of-class */
 				},
 			},
 			node: {

packages/@d-zero/csstree-scss-syntax/src/node/sass-variable.ts

@@ -6,6 +6,8 @@ export default {
 	structure: {
 		name: String,
 	},
+	// `this` is the css-tree parser context bound at call time, not a class instance.
+	/* eslint-disable unicorn/no-this-outside-of-class */
 	// @ts-ignore
 	parse: function SassVariable() {
 		// @ts-ignore
@@ -22,6 +24,7 @@ export default {
 			name: this.consume(IDENTIFIER),
 		};
 	},
+	/* eslint-enable unicorn/no-this-outside-of-class */
 	// @ts-ignore
 	generate: function (node) {
 		return '$' + node.name;

packages/@d-zero/csstree-scss-syntax/src/types.ts

@@ -16,15 +16,15 @@ export type CSSTreeModule = typeof CSSTree & {
 	findAll: typeof CSSTree.findAll;
 	fromPlainObject: typeof CSSTree.fromPlainObject;
 	toPlainObject: typeof CSSTree.toPlainObject;
-	fork(...args: Parameters<typeof CSSTree.fork>): CSSTreeModule;
+	fork(...arguments_: Parameters<typeof CSSTree.fork>): CSSTreeModule;
 	fork(
-		fn: (syntax: CSSTreeModule, assign: typeof Object.assign) => CSSTreeModule,
+		function_: (syntax: CSSTreeModule, assign: typeof Object.assign) => CSSTreeModule,
 	): CSSTreeModule;
 };
 
 interface LexerEx extends CSSTree.Lexer {
 	matchProperty(
-		...args: Parameters<CSSTree.Lexer['matchProperty']>
+		...arguments_: Parameters<CSSTree.Lexer['matchProperty']>
 	): LexerMatchResultMatched | LexerMatchResultMismatch;
 }
 

packages/@d-zero/cz-config/monorepo-scopes.js

@@ -28,8 +28,8 @@ module.exports = function (removes) {
 			if (!packageJson) {
 				return null;
 			}
-			const pkg = JSON.parse(packageJson);
-			let name = pkg.name;
+			const package_ = JSON.parse(packageJson);
+			let name = package_.name;
 			for (const remove of removes) {
 				name = name.replace(remove, '');
 			}

packages/@d-zero/eslint-config/base.js

@@ -1,6 +1,7 @@
 import dzeroPlugin from '@d-zero/eslint-plugin';
+import { fixupPluginRules } from '@eslint/compat';
 import js from '@eslint/js';
-import comments from 'eslint-plugin-eslint-comments';
+import comments from '@eslint-community/eslint-plugin-eslint-comments';
 import { flatConfigs as importX } from 'eslint-plugin-import-x';
 import jsdoc from 'eslint-plugin-jsdoc';
 import * as regexpPlugin from 'eslint-plugin-regexp';
@@ -73,6 +74,10 @@
 	regexpPlugin.configs['flat/recommended'],
 	{
 		...importX.recommended,
+		plugins: {
+			...importX.recommended.plugins,
+			'import-x': fixupPluginRules(importX.recommended.plugins['import-x']),
+		},
 		rules: {
 			...importX.recommended.rules,
 			'import-x/no-extraneous-dependencies': 2,
@@ -108,9 +113,13 @@
 		},
 	},
 	{
 		...jsdoc.configs['flat/recommended'],
+		plugins: {
+			...jsdoc.configs['flat/recommended'].plugins,
+			jsdoc: fixupPluginRules(jsdoc.configs['flat/recommended'].plugins.jsdoc),
+		},
 		rules: {
 			...jsdoc.configs['flat/recommended'].rules,
 			'jsdoc/require-param-type': 0,
 			'jsdoc/require-param-description': 0,
 			'jsdoc/require-returns': 0,
@@ -120,13 +129,13 @@
 	},
 	{
 		plugins: {
-			comments,
+			comments: fixupPluginRules(comments),
 		},
 	},
 	{
 		plugins: {
-			comments,
-			'sort-class-members': sortClassMembers,
+			comments: fixupPluginRules(comments),
+			'sort-class-members': fixupPluginRules(sortClassMembers),
 		},
 		rules: {
 			'sort-class-members/sort-class-members': [

packages/@d-zero/eslint-config/package.json

@@ -20,14 +20,15 @@
 	},
 	"dependencies": {
 		"@d-zero/eslint-plugin": "5.0.0",
-		"@eslint/js": "9.39.5",
-		"eslint": "9.39.5",
-		"eslint-plugin-eslint-comments": "3.2.0",
+		"@eslint-community/eslint-plugin-eslint-comments": "4.7.2",
+		"@eslint/compat": "2.1.0",
+		"@eslint/js": "10.0.1",
+		"eslint": "10.9.1",
 		"eslint-plugin-import-x": "4.17.1",
-		"eslint-plugin-jsdoc": "64.2.1",
+		"eslint-plugin-jsdoc": "64.3.2",
 		"eslint-plugin-regexp": "3.2.0",
 		"eslint-plugin-sort-class-members": "1.22.1",
-		"eslint-plugin-unicorn": "63.0.0",
+		"eslint-plugin-unicorn": "74.0.0",
 		"globals": "17.11.0",
 		"typescript-eslint": "8.68.0"
 	}

packages/@d-zero/eslint-config/typescript.js

@@ -29,7 +29,6 @@ export const ts = tsESLint.config(
 			'@typescript-eslint/no-namespace': [2, { allowDeclarations: true }],
 			'@typescript-eslint/no-unnecessary-type-assertion': 2,
 			'@typescript-eslint/no-unused-vars': 2,
-			'@typescript-eslint/no-var-requires': 2,
 			'@typescript-eslint/prefer-namespace-keyword': 2,
 			'@typescript-eslint/require-await': 2,
 			'@typescript-eslint/restrict-plus-operands': 0,

packages/@d-zero/eslint-plugin/package.json

@@ -30,7 +30,7 @@
 	"devDependencies": {
 		"@typescript-eslint/parser": "8.68.0",
 		"@typescript-eslint/rule-tester": "8.68.0",
-		"eslint": "9.39.5",
+		"eslint": "10.9.1",
 		"vue-eslint-parser": "10.4.1"
 	}
 }

packages/@d-zero/eslint-plugin/src/rules/no-click-event/index.ts

@@ -22,9 +22,13 @@ export default createRule({
 			'CallExpression[callee.property.name="addEventListener"]'(
 				node: TSESTree.CallExpression,
 			) {
-				const args = node.arguments;
-				const firstArg = args[0];
-				if (firstArg && firstArg.type === 'Literal' && firstArg.value === 'click') {
+				const arguments_ = node.arguments;
+				const firstArgument = arguments_[0];
+				if (
+					firstArgument &&
+					firstArgument.type === 'Literal' &&
+					firstArgument.value === 'click'
+				) {
 					context.report({
 						node,
 						messageId: 'noClickEvent',
@@ -46,8 +50,12 @@ export default createRule({
 			'CallExpression[callee.type="MemberExpression"][callee.property.name="on"]'(
 				node: TSESTree.CallExpression,
 			) {
-				const firstArg = node.arguments[0];
-				if (firstArg && firstArg.type === 'Literal' && firstArg.value === 'click') {
+				const firstArgument = node.arguments[0];
+				if (
+					firstArgument &&
+					firstArgument.type === 'Literal' &&
+					firstArgument.value === 'click'
+				) {
 					context.report({
 						node,
 						messageId: 'noClickEvent',

packages/@d-zero/lint-staged-config/src/index.ts

@@ -21,76 +21,93 @@ export type IgnoreMap = Partial<Record<CommandType, string | string[]>>;
 
 /**
  *
- * @param dirOptions
+ * @param directoryOptions
  * @param mapping
  */
 export default function (
-	dirOptions?: string | DirectoryOptions,
+	directoryOptions?: string | DirectoryOptions,
 	mapping?: CommandMappings,
 ): LintStagedCommandMapper {
 	return (allStagedFiles) => {
-		const commandList: string[] = [];
 		const cwd = process.cwd();
 
-		const dir = typeof dirOptions === 'string' ? dirOptions : dirOptions?.dir;
-		const ignore = typeof dirOptions === 'string' ? null : dirOptions?.ignore;
+		const directory =
+			typeof directoryOptions === 'string' ? directoryOptions : directoryOptions?.dir;
+		const ignore = typeof directoryOptions === 'string' ? null : directoryOptions?.ignore;
 
-		const baseDir = dir
+		const baseDirectory = directory
 			? // 絶対パスかどうか
-				path.isAbsolute(dir)
+				path.isAbsolute(directory)
 				? // 絶対パスならそのまま
-					dir
+					directory
 				: // 相対パスなら絶対パスに変換
-					path.resolve(cwd, dir)
+					path.resolve(cwd, directory)
 			: // 引数がないならカレントディレクトリ
 				cwd;
 
-		mapping = mapping ?? defaultMapping;
+		mapping ??= defaultMapping;
+
+		/**
+		 *
+		 * @param extension
+		 * @param commandType
+		 */
+		function buildCommand(
+			extension: string,
+			commandType: CommandType,
+		): string | undefined {
+			const shell = commands[commandType];
+
+			if (!shell) {
+				return undefined;
+			}
+
+			const pattern = path
+				.resolve(baseDirectory, '**', `{*.${extension},.*.${extension}}`)
+				.replaceAll(path.sep, '/');
 
-		for (const [ext, commandTypes] of Object.entries(mapping)) {
-			for (const commandType of commandTypes) {
-				const shell = commands[commandType];
+			const files = allStagedFiles.map((f) => f.replaceAll(path.sep, '/'));
 
-				if (!shell) {
-					continue;
+			let targetFiles = files.filter((file) => path.matchesGlob(file, pattern));
+
+			if (ignore) {
+				for (const ignoreMap of ignore) {
+					const ignorePattern =
+						typeof ignoreMap === 'string' ? ignoreMap : ignoreMap[commandType];
+					if (!ignorePattern) {
+						continue;
+					}
+					const ignorePatterns = Array.isArray(ignorePattern)
+						? ignorePattern
+						: [ignorePattern];
+					const absIgnorePatterns = ignorePatterns.map((p) => {
+						if (p === path.basename(p)) {
+							return path.resolve('**', p).replaceAll(path.sep, '/');
+						}
+						return path.isAbsolute(p) ? p : path.resolve(baseDirectory, p);
+					});
+					targetFiles = targetFiles.filter((file) =>
+						absIgnorePatterns.every((pattern) => !path.matchesGlob(file, pattern)),
+					);
 				}
+			}
 
-				const pattern = path
-					.resolve(baseDir, '**', `{*.${ext},.*.${ext}}`)
-					.replaceAll(path.sep, '/');
+			if (targetFiles.length === 0) {
+				return undefined;
+			}
 
-				const files = allStagedFiles.map((f) => f.replaceAll(path.sep, '/'));
+			return shell + ' ' + targetFiles.map((f) => `"${f}"`).join(' ');
+		}
 
-				let targetFiles = files.filter((file) => path.matchesGlob(file, pattern));
+		const commandList: string[] = [];
 
-				if (ignore) {
-					for (const ignoreMap of ignore) {
-						const ignorePattern =
-							typeof ignoreMap === 'string' ? ignoreMap : ignoreMap[commandType];
-						if (!ignorePattern) {
-							continue;
-						}
-						const ignorePatterns = Array.isArray(ignorePattern)
-							? ignorePattern
-							: [ignorePattern];
-						const absIgnorePatterns = ignorePatterns.map((p) => {
-							if (p === path.basename(p)) {
-								return path.resolve('**', p).replaceAll(path.sep, '/');
-							}
-							return path.isAbsolute(p) ? p : path.resolve(baseDir, p);
-						});
-						targetFiles = targetFiles.filter(
-							(file) =>
-								!absIgnorePatterns.some((pattern) => path.matchesGlob(file, pattern)),
-						);
-					}
-				}
+		for (const [extension, commandTypes] of Object.entries(mapping)) {
+			for (const commandType of commandTypes) {
+				const command = buildCommand(extension, commandType);
 
-				if (targetFiles.length <= 0) {
-					continue;
+				if (command) {
+					commandList.push(command);
 				}
-
-				commandList.push(shell + ' ' + targetFiles.map((f) => `"${f}"`).join(' '));
 			}
 		}
 

packages/@d-zero/lint-staged-config/src/types.ts

@@ -21,13 +21,7 @@ export type TargetFileExtension =
 	| 'yml';
 
 export type CommandType =
-	| 'cspell'
-	| 'eslint'
-	| 'markuplint'
-	| 'prettier'
-	| 'puglint'
-	| 'stylelint'
-	| 'textlint';
+	'cspell' | 'eslint' | 'markuplint' | 'prettier' | 'puglint' | 'stylelint' | 'textlint';
 
 export type CommandMappings = Readonly<
 	Partial<Record<TargetFileExtension, CommandType[]>>

packages/@d-zero/markuplint-config/base.js

@@ -20,7 +20,7 @@ export default {
 		{
 			selector: 'html',
 			rules: {
-				// <html prefix="og: http://ogp.me/ns#">
+				// <html prefix="og: https://ogp.me/ns#">
 				'invalid-attr': {
 					options: {
 						allowAttrs: [

packages/@d-zero/markuplint-config/name.js

@@ -7,7 +7,7 @@ const nameBase = {
 			severity: 'error',
 			value: '/^c-(?<ComponentName>[a-z][a-z0-9]*(?:-[a-z0-9]+)*)$/',
 			reason:
-				'クラス名の形式はディーゼロのコーディングガイドラインに則って命名する必要があります。 http://tmpl.d-zero.com/__guideline/coding-guideline/html.html#%F0%9F%92%8E-%E3%82%B3%E3%83%B3%E3%83%9B%E3%82%9A%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88',
+				'クラス名の形式はディーゼロのコーディングガイドラインに則って命名する必要があります。 https://tmpl.d-zero.com/__guideline/coding-guideline/html.html#%F0%9F%92%8E-%E3%82%B3%E3%83%B3%E3%83%9B%E3%82%9A%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88',
 		},
 	},
 	childNodeRules: [
@@ -26,7 +26,7 @@ const nameBase = {
 						'/^c-{{ ComponentName }}[a-z0-9]*(?:-[a-z0-9]+)*$/',
 					],
 					reason:
-						'ディーゼロのコーディングガイドラインではコンポーネントの中はそのコンポーネントのエレメントか、他のコンポーネントである必要があります。 http://tmpl.d-zero.com/__guideline/coding-guideline/html.html#%E3%82%B3%E3%83%B3%E3%83%9B%E3%82%9A%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%81%AE%E6%A7%8B%E6%88%90%E3%81%A8%E3%82%AF%E3%83%A9%E3%82%B9%E5%91%BD%E5%90%8D%E8%A6%8F%E5%89%87',
+						'ディーゼロのコーディングガイドラインではコンポーネントの中はそのコンポーネントのエレメントか、他のコンポーネントである必要があります。 https://tmpl.d-zero.com/__guideline/coding-guideline/html.html#%E3%82%B3%E3%83%B3%E3%83%9B%E3%82%9A%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%81%AE%E6%A7%8B%E6%88%90%E3%81%A8%E3%82%AF%E3%83%A9%E3%82%B9%E5%91%BD%E5%90%8D%E8%A6%8F%E5%89%87',
 				},
 			},
 		},
@@ -38,7 +38,7 @@ const nameBase = {
 					severity: 'error',
 					value: '/^(?!c-).+$|^$/',
 					reason:
-						'ディーゼロのコーディングガイドラインでは「c-content-main」の中は「c-」で始めないルールとなっています。 http://tmpl.d-zero.com/__guideline/coding-guideline/html.html#%E3%82%A8%E3%83%AC%E3%83%A1%E3%83%B3%E3%83%88%E3%81%AE%E3%82%AF%E3%83%A9%E3%82%B9%E3%81%AE%E4%BE%8B%E5%A4%96%E3%81%A8%E3%82%AF%E3%83%A9%E3%82%B9%E8%BF%BD%E5%8A%A0%E3%81%AE%E3%83%AB%E3%83%BC%E3%83%AB',
+						'ディーゼロのコーディングガイドラインでは「c-content-main」の中は「c-」で始めないルールとなっています。 https://tmpl.d-zero.com/__guideline/coding-guideline/html.html#%E3%82%A8%E3%83%AC%E3%83%A1%E3%83%B3%E3%83%88%E3%81%AE%E3%82%AF%E3%83%A9%E3%82%B9%E3%81%AE%E4%BE%8B%E5%A4%96%E3%81%A8%E3%82%AF%E3%83%A9%E3%82%B9%E8%BF%BD%E5%8A%A0%E3%81%AE%E3%83%AB%E3%83%BC%E3%83%AB',
 				},
 			},
 		},