fix: 🐛 comments with prefix not extracted (#197) (#198)

Author: MikeDabrowski

__tests__/buildTranslationFiles/comments/comments-spec.ts

@@ -31,6 +31,7 @@ export function testCommentsExtraction(fileFormat: Config['fileFormat']) {
           'a.some.key': defaultValue,
           'b.some.key': defaultValue,
           'c.some.key': defaultValue,
+          'prefix_c.some.key': defaultValue,
           'need.transloco': defaultValue,
           '1.some': defaultValue,
           ...generateKeys({ end: 8 }),

__tests__/buildTranslationFiles/comments/src/1.html

@@ -7,4 +7,9 @@ <h1>{{title}}</h1>
         <!-- t(some.key) -->
         <p >{{ t(title) }}</p>
     </ng-container>
+
+    <ng-container *transloco="let t; prefix: 'prefix_c'">
+        <!-- t(some.key) -->
+        <p >{{ t(title) }}</p>
+    </ng-container>
 </div>

src/keys-builder/template/comments.extractor.ts

@@ -120,14 +120,14 @@ function extractReadValue(
 
   if (templateType === TEMPLATE_TYPE.STRUCTURAL) {
     const data = element.attribs.__transloco;
-    const readSearch = data.match(/read:\s*(['"])(?<read>[^"']*)\1/);
+    const readSearch = data.match(/(?:read|prefix):\s*(['"])(?<read>[^"']*)\1/);
     read = readSearch?.groups?.read;
   }
 
   if (templateType === TEMPLATE_TYPE.NG_TEMPLATE) {
     const attrs = Object.keys(element.attribs);
     const readSearch = attrs.find((attr) =>
-      ['translocoread', '[translocoread]'].includes(attr),
+      ['translocoread', '[translocoread]', 'translocoprefix', '[translocoprefix]'].includes(attr),
     );
     read = readSearch && element.attribs[readSearch].replace(/['"]/g, '');
   }