eslint-plugin-formatjs 8.0.5 → 8.1.0

package/index.js

@@ -4952,9 +4952,60 @@ const rule$4 = {
 //#endregion
 //#region packages/eslint-plugin-formatjs/rules/prefer-formatted-message.ts
 const name$5 = "prefer-formatted-message";
+function binding(context, node, name) {
+	let scope = context.sourceCode.getScope(node);
+	while (scope) {
+		const variable = scope.set.get(name);
+		if (variable) return variable;
+		scope = scope.upper;
+	}
+}
+function importedName(specifier) {
+	return specifier.imported.type === "Identifier" ? specifier.imported.name : specifier.imported.value;
+}
+function isHookFormatter(context, callee) {
+	const identifier = callee.type === "Identifier" ? callee : callee.type === "MemberExpression" && !callee.computed && !callee.optional && callee.property.type === "Identifier" && [
+		"formatMessage",
+		"$formatMessage",
+		"$t"
+	].includes(callee.property.name) && callee.object.type === "Identifier" ? callee.object : void 0;
+	if (!identifier) return false;
+	const variable = binding(context, callee, identifier.name);
+	const definition = variable?.defs[0];
+	if (definition?.type !== "Variable" || definition.parent?.kind !== "const" || variable?.references.some((reference) => reference.isWrite() && !reference.init)) return false;
+	const { id, init } = definition.node;
+	if (init?.type !== "CallExpression" || init.optional || init.arguments.length || init.callee.type !== "Identifier") return false;
+	const hook = binding(context, init, init.callee.name)?.defs[0];
+	if (hook?.type !== "ImportBinding" || hook.node.type !== "ImportSpecifier" || importedName(hook.node) !== "useIntl" || hook.node.importKind === "type" || hook.parent.importKind === "type" || hook.parent.source.value !== "react-intl") return false;
+	if (callee.type === "MemberExpression") return id.type === "Identifier";
+	return id.type === "ObjectPattern" && id.properties.some((property) => property.type === "Property" && !property.computed && property.key.type === "Identifier" && [
+		"formatMessage",
+		"$formatMessage",
+		"$t"
+	].includes(property.key.name) && property.value.type === "Identifier" && property.value.name === identifier.name);
+}
+function component(context, node) {
+	const source = context.sourceCode;
+	for (const declaration of source.ast.body) {
+		if (declaration.type !== "ImportDeclaration" || declaration.source.value !== "react-intl" || declaration.importKind === "type") continue;
+		for (const specifier of declaration.specifiers) if (specifier.type === "ImportSpecifier" && importedName(specifier) === "FormattedMessage" && /^[A-Z]/.test(specifier.local.name) && specifier.importKind !== "type" && binding(context, node, specifier.local.name)?.defs.some((definition) => definition.node === specifier)) return { name: specifier.local.name };
+	}
+	const occupied = new Set(source.scopeManager?.scopes.flatMap((scope) => [...scope.variables.map((variable) => variable.name), ...scope.references.map((reference) => reference.identifier.name)]));
+	let local = "FormattedMessage";
+	for (let suffix = 1; occupied.has(local); suffix++) local = "FormattedMessage" + suffix;
+	const specifier = local === "FormattedMessage" ? local : "FormattedMessage as " + local;
+	const declaration = source.ast.body.find((statement) => statement.type === "ImportDeclaration" && statement.source.value === "react-intl" && statement.importKind !== "type" && statement.specifiers.some((specifier) => specifier.type === "ImportSpecifier"));
+	if (declaration?.type !== "ImportDeclaration") return;
+	const anchor = declaration.specifiers.find((specifier) => specifier.type === "ImportSpecifier");
+	return {
+		name: local,
+		insert: (fixer) => fixer.insertTextBefore(anchor, specifier + ", ")
+	};
+}
 const rule$3 = {
 	meta: {
 		type: "suggestion",
+		fixable: "code",
 		docs: {
 			description: "Prefer `FormattedMessage` component over `intl.formatMessage` if applicable.",
 			url: "https://formatjs.github.io/docs/tooling/linter#prefer-formatted-message"
@@ -4964,15 +5015,44 @@ const rule$3 = {
 	},
 	create(context) {
 		const { additionalFunctionNames } = getSettings(context);
-		return { JSXElement: (node) => {
-			node.children.forEach((child) => {
-				if (child.type !== "JSXExpressionContainer" || !isIntlFormatMessageCall(child.expression, additionalFunctionNames)) return;
+		const source = context.sourceCode;
+		function checkChildren(node) {
+			for (const child of node.children) {
+				if (child.type !== "JSXExpressionContainer" || !isIntlFormatMessageCall(child.expression, additionalFunctionNames)) continue;
 				context.report({
 					node: child,
-					messageId: "jsxChildren"
+					messageId: "jsxChildren",
+					fix(fixer) {
+						const call = child.expression;
+						if (call.type !== "CallExpression" || call.optional || call.arguments.length > 2 || !isHookFormatter(context, call.callee) || source.getCommentsInside(child).length || call.typeArguments || call.typeParameters) return null;
+						const [descriptor, values] = call.arguments;
+						if (descriptor?.type !== "ObjectExpression" || values?.type === "SpreadElement") return null;
+						const attributes = [];
+						const keys = /* @__PURE__ */ new Set();
+						for (const property of descriptor.properties) {
+							if (property.type !== "Property" || property.computed || property.method || property.kind !== "init") return null;
+							const key = property.key.type === "Identifier" ? property.key.name : property.key.type === "Literal" ? property.key.value : void 0;
+							if (typeof key !== "string" || ![
+								"id",
+								"defaultMessage",
+								"description"
+							].includes(key) || keys.has(key)) return null;
+							keys.add(key);
+							attributes.push(key + "={(" + source.getText(property.value) + ")}");
+						}
+						if (values) attributes.push("values={(" + source.getText(values) + ")}");
+						const target = component(context, child);
+						if (!target) return null;
+						const replacement = "<" + target.name + (attributes.length ? " " + attributes.join(" ") : "") + " />";
+						return [...target.insert ? [target.insert(fixer)] : [], fixer.replaceText(child, replacement)];
+					}
 				});
-			});
-		} };
+			}
+		}
+		return {
+			JSXElement: checkChildren,
+			JSXFragment: checkChildren
+		};
 	}
 };
 //#endregion
@@ -5269,7 +5349,7 @@ var package_exports = /* @__PURE__ */ __exportAll({
 	version: () => version$1
 });
 var name$1 = "eslint-plugin-formatjs";
-var version$1 = "8.0.5";
+var version$1 = "8.1.0";
 var description = "ESLint plugin for formatjs";
 var keywords = [
 	"eslint",