fix(pipe-parser): detect keys inside template literals (#141)

Author: P4

src/parsers/pipe.parser.ts

@@ -18,6 +18,7 @@ import {
 	KeyedRead,
 	ASTWithSource,
 	ParenthesizedExpression,
+	TemplateLiteral,
 } from '@angular/compiler';
 
 import { getAST, getNodesFromSwitchBlockTmpl } from '../utils/ast-helpers.js';
@@ -230,6 +231,10 @@ export class PipeParser implements ParserInterface {
 			return this.getTranslatablesFromAsts([ast.expression]);
 		}
 
+		if (ast instanceof TemplateLiteral) {
+			return this.getTranslatablesFromAsts(ast.expressions);
+		}
+
 		return [];
 	}
 

tests/parsers/pipe.parser.spec.ts

@@ -334,6 +334,12 @@ describe('PipeParser', () => {
 		expect(multipleConditionKeys).to.deep.equal(['translation.key']);
 	});
 
+	it('should extract key from translate pipe inside template literals', () => {
+		const contents = "<div>{{ `${'translation.key' | translate}, ${'another.key' | translate}` }}</div>";
+		const keys = parser.extract(contents, templateFilename).keys();
+		expect(keys).to.deep.equal(['translation.key', 'another.key']);
+	});
+
 	it('should not extract empty strings as keys', () => {
 		const contents = `<div>{{ '' | translate }}</div>`;
 		const keys = parser.extract(contents, templateFilename).keys();