feat: Fix suggestion for "no-template-curly-in-string"

lib/rules/no-template-curly-in-string.js

@@ -22,23 +22,43 @@ module.exports = {
         schema: [],
 
         messages: {
-            unexpectedTemplateExpression: "Unexpected template string expression."
-        }
+            unexpectedTemplateExpression: "Unexpected template string expression.",
+            convertToTemplate: "Convert to ES6 `template`."
+        },
+        hasSuggestions: true
     },
 
     create(context) {
         const regex = /\$\{[^}]+\}/u;
+        const sourceCode = context.getSourceCode();
 
         return {
             Literal(node) {
                 if (typeof node.value === "string" && regex.test(node.value)) {
                     context.report({
                         node,
-                        messageId: "unexpectedTemplateExpression"
+                        messageId: "unexpectedTemplateExpression",
+                        suggest: [
+                            {
+                                messageId: "convertToTemplate",
+                                fix: fixer => {
+                                    const text = sourceCode.getText(node);
+                                    const oldQuote = text[0];
+                                    const textNoQuotes = text.slice(1, -1);
+                                    const escapeBackticks = textNoQuotes.replaceAll("`", "\\`");
+                                    const unescapeQuotes = escapeBackticks.replaceAll(`\\${oldQuote}`, oldQuote);
+                                    // eslint-disable-next-line require-unicode-regexp -- Needs fixing, adding the unicode flag results in "Incomplete quantifier" parsing error
+                                    const backTicksInsideCurly = /(?<=\${)\\`([^`]*)\\`(?=})/gi;
+                                    const unescapeTemplates = unescapeQuotes.replaceAll(backTicksInsideCurly, "`$1`");
+                                    const newText = `\`${unescapeTemplates}\``;
+
+                                    return fixer.replaceText(node, newText);
+                                }
+                            }
+                        ]
                     });
                 }
             }
         };
-
     }
 };

tests/lib/rules/no-template-curly-in-string.js

@@ -74,6 +74,36 @@ ruleTester.run("no-template-curly-in-string", rule, {
             code: "'Hello, ${{foo: \"bar\"}.foo}'",
             parserOptions,
             errors: [{ messageId }]
+        },
+        {
+            code: "'\\'Hello\\', ${\\'name\\'}'",
+            parserOptions,
+            errors: [{ messageId }]
+        },
+        {
+            code: "'\"Hello\", ${\"name\"}'",
+            parserOptions,
+            errors: [{ messageId }]
+        },
+        {
+            code: "'`Hello`, ${`name`}'",
+            parserOptions,
+            errors: [{ messageId }]
+        },
+        {
+            code: "\"'Hello', ${'name'}\"",
+            parserOptions,
+            errors: [{ messageId }]
+        },
+        {
+            code: "\"\\\"Hello\\\", ${\\\"name\\\"}\"",
+            parserOptions,
+            errors: [{ messageId }]
+        },
+        {
+            code: "\"`Hello`, ${`name`}\"",
+            parserOptions,
+            errors: [{ messageId }]
         }
     ]
 });