@taon-dev/i18n 0.0.1 → 0.0.6

package/lib/utils-i18n-extract-gettext-translate-from-html.test.js

@@ -0,0 +1,282 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_i18n_html_1 = require("./utils-i18n-html");
+describe('UtilsI18nHtml.extractFromHtml', () => {
+    it('extracts element with translate attribute', () => {
+        const html = `
+      <span translate>
+        You have errors in this form. Please click 'Edit incorrect data' to jump to the section and input correct data.
+      </span>
+    `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html)).toEqual([
+            {
+                lineNumber: 2,
+                gettextString: "You have errors in this form. Please click 'Edit incorrect data' to jump to the section and input correct data.",
+                // params: null,
+                context: undefined,
+            },
+        ]);
+    });
+    it('extracts translate attribute with translate params', () => {
+        const html = `
+      <p
+        *ngSwitchDefault
+        translate
+        [translate-params]="{
+          size: dialogData.applicationsOidsToRemove.length
+        }"
+      >
+        Do you want to remove [[ size ]] applications?
+      </p>
+    `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html)).toEqual([
+            {
+                lineNumber: 2,
+                gettextString: 'Do you want to remove [[ size ]] applications?',
+                // params: {
+                //   size: 'dialogData.applicationsOidsToRemove.length',
+                // },
+                context: undefined,
+            },
+        ]);
+    });
+    it('extracts static strings from conditional translate pipe', () => {
+        const html = `
+    <span>{{ row.cutOffAtDaymax ? 'Yes' : 'No' | translate }}</span>
+  `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html).map(m => m.gettextString)).toEqual(['No']);
+    });
+    it('extracts both strings when translate pipe wraps conditional expression', () => {
+        const html = `
+      <span>{{ (row.cutOffAtDaymax ? 'Yes' : 'No') | translate }}</span>
+    `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html).map(m => m.gettextString)).toEqual(['Yes', 'No']);
+    });
+    it('skips variable-only translate pipe', () => {
+        const html = `
+      <input placeholder="{{ repsTextFilterPlaceholder | translate }}">
+    `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html)).toEqual([]);
+    });
+    it('extracts static string translate pipe', () => {
+        const html = `
+      <span>{{ 'something to tranlaste ' | translate }}</span>
+    `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html)).toEqual([
+            {
+                lineNumber: 2,
+                gettextString: 'something to tranlaste',
+                // params: null,
+                context: undefined,
+            },
+        ]);
+    });
+});
+describe('UtilsI18nHtml.extractGettextTranslateFromHtml - t.gettext()', () => {
+    it('extracts simple t.gettext from interpolation', () => {
+        const html = `
+      <span>{{ t.gettext('translation-app works!') }}</span>
+    `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html)).toEqual([
+            {
+                lineNumber: 2,
+                gettextString: 'translation-app works!',
+                // params: null,
+                context: undefined,
+            },
+        ]);
+    });
+    it('extracts t.gettext with null params and context', () => {
+        const html = `
+      <span>{{ t.gettext('translation-app works!', null, 'context jakis') }}</span>
+    `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html)).toEqual([
+            {
+                lineNumber: 2,
+                gettextString: 'translation-app works!',
+                // params: null,
+                context: 'context jakis',
+            },
+        ]);
+    });
+    it('extracts t.gettext with params and context', () => {
+        const html = `
+      <span>{{ t.gettext('heloo [[ aa ]]!', { aa: somethingFromComponent }, 'context jakis') }}</span>
+    `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html)).toEqual([
+            {
+                lineNumber: 2,
+                gettextString: 'heloo [[ aa ]]!',
+                // params: null,
+                context: 'context jakis',
+            },
+        ]);
+    });
+    it('extracts multiple gettext calls from one interpolation', () => {
+        const html = `
+      <span>{{ t.gettext('Yes') + ' / ' + t.gettext('No') }}</span>
+    `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html).map(x => x.gettextString)).toEqual(['Yes', 'No']);
+    });
+    it('extracts nested property chain ending with gettext', () => {
+        const html = `
+      <span>{{ something.deep.t.gettext('Deep hello') }}</span>
+    `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html)).toEqual([
+            {
+                lineNumber: 2,
+                gettextString: 'Deep hello',
+                // params: null,
+                context: undefined,
+            },
+        ]);
+    });
+    it('skips dynamic gettext string', () => {
+        const html = `
+      <span>{{ t.gettext(dynamicLabel) }}</span>
+    `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html)).toEqual([]);
+    });
+    it('extracts gettext with double quotes', () => {
+        const html = `
+      <span>{{ t.gettext("Double quote text") }}</span>
+    `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html)).toEqual([
+            {
+                lineNumber: 2,
+                gettextString: 'Double quote text',
+                // params: null,
+                context: undefined,
+            },
+        ]);
+    });
+    it('extracts gettext with backticks without interpolation', () => {
+        const html = `
+      <span>{{ t.gettext(\`Backtick text\`) }}</span>
+    `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html)).toEqual([
+            {
+                lineNumber: 2,
+                gettextString: 'Backtick text',
+                // params: null,
+                context: undefined,
+            },
+        ]);
+    });
+    it('should extract select lang', () => {
+        const html = `<span>{{ t.gettext('Select Language') }}</span>`;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html)).toEqual([
+            {
+                lineNumber: 1,
+                gettextString: 'Select Language',
+                // params: null,
+                context: undefined,
+            },
+        ]);
+    });
+    it('should extract trasnlated please wait', () => {
+        const html = `
+     <div class="p-4">
+      <h3 class="w-full" translate>Please wait...</h3>
+      <mat-progress-bar mode="indeterminate" />
+    </div>
+    `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html)).toEqual([
+            {
+                lineNumber: 3,
+                gettextString: 'Please wait...',
+                // params: null,
+                context: undefined,
+            },
+        ]);
+    });
+    it('should extract file with angular syntax', () => {
+        const html = `
+
+
+  @if (stateService.isLoadingVideos$ | async) {
+    <div class="p-4">
+      <h3 class="w-full" translate >Please wait...</h3>
+      <mat-progress-bar mode="indeterminate" />
+    </div>
+  }
+
+    `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html).length).be.above(0);
+    });
+    it('should extract file with angular block syntax', () => {
+        const html = `
+  @if (stateService.isLoadingVideos$ | async) {
+    <div class="p-4">
+      <h3 class="w-full" translate>Please wait...</h3>
+      <mat-progress-bar mode="indeterminate" />
+    </div>
+  }
+`;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html)).toEqual([
+            {
+                lineNumber: 4,
+                gettextString: 'Please wait...',
+                context: undefined,
+            },
+        ]);
+    });
+    it('should extract when new angula syntax', () => {
+        const html = `
+ @for (vid of section.children; track vid.productId) {
+      @let isLoggedIn = session.isLoggedIn$ | async;
+      @let isProcessing =
+        processingPaymentInProgressForProductId.includes(vid.parentId);
+      @let isAuthorized = authorizedSectionsId.includes(vid.parentId);
+      @let title =
+        isProcessing
+          ? t.gettext('Processing Payment. Please wait.')
+          : vid.productTitle;
+
+      <div class="col-span-12 p-2 md:col-span-6 lg:col-span-4">
+        <h4 class="mt-0 md:hidden">
+          {{ title }}
+        </h4>
+
+        <h4
+          class="mt-0 hidden w-full min-w-0 overflow-hidden text-ellipsis whitespace-nowrap md:block">
+          {{ title }}
+        </h4>
+
+        <taon-youtube-video
+          [videoId]="vid.productId"
+          [matTooltip]="vid.productTitle"
+          height="222px"
+          [state]="
+            isLoggedIn && isAuthorized
+              ? 'video-preview-private'
+              : 'preview-picture-locked'
+          "
+          (paddlockClicked)="isLoggedIn ? confirmBuy(vid) : paddlockClicked()">
+        </taon-youtube-video>
+
+        <br /><br />
+      </div>
+    }
+`;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html).length).to.be.above(0);
+    });
+    it('should not extract when translate inside class name', () => {
+        const html = `
+ <button
+    mat-icon-button
+    class="absolute right-4 top-1/2 z-20 -translate-y-1/2 text-white"
+    (click)="next()">
+    <mat-icon>chevron_right</mat-icon>
+  </button>
+`;
+        expect(utils_i18n_html_1.UtilsI18nHtml.extractGettextTranslateFromHtml(html).length).to.be.eq(0);
+    });
+    // it('skips gettext with template interpolation', () => {
+    //   const html = `
+    //     <span>{{ t.gettext(\`Hello \${name}\`) }}</span>
+    //   `;
+    //   expect(UtilsI18nHtml.extractGettextTranslateFromHtml(html)).toEqual([]);
+    // });
+});
+//# sourceMappingURL=utils-i18n-extract-gettext-translate-from-html.test.js.map

package/lib/utils-i18n-extract-gettext-translate-from-html.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-i18n-extract-gettext-translate-from-html.test.js","sourceRoot":"","sources":[""],"names":[],"mappings":"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"}

package/lib/utils-i18n-html.d.ts

@@ -0,0 +1,5 @@
+import { UtilsI18n } from 'tnp-core';
+export declare namespace UtilsI18nHtml {
+    function extractGettextTranslateFromHtml(html: string, fileName?: string): UtilsI18n.GettextExtracted[];
+    function replaceTranslatePipieDirectiveTContext(html: string): string;
+}

package/lib/utils-i18n-html.js

@@ -0,0 +1,120 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UtilsI18nHtml = void 0;
+//#region imports
+const compiler_1 = require("@angular/compiler");
+const utils_i18n_extract_gettext_translate_from_html_1 = require("./utils-i18n-extract-gettext-translate-from-html");
+//#endregion
+var UtilsI18nHtml;
+(function (UtilsI18nHtml) {
+    function extractGettextTranslateFromHtml(html, fileName = 'template.html') {
+        return utils_i18n_extract_gettext_translate_from_html_1.UtilsI18nExtractGettextTranslateFromHtml.extractGettextTranslateFromHtml(html, fileName);
+    }
+    UtilsI18nHtml.extractGettextTranslateFromHtml = extractGettextTranslateFromHtml;
+    function replaceTranslatePipieDirectiveTContext(html) {
+        //#region @backendFunc
+        const edits = [];
+        let parsedSuccessfully = false;
+        try {
+            const parsed = (0, compiler_1.parseTemplate)(html, 'template.html', {
+                preserveWhitespaces: true,
+            });
+            parsedSuccessfully = true;
+            const visit = (node) => {
+                if (hasTranslateDirective(node) && !hasTranslateTInput(node)) {
+                    const opening = node.startSourceSpan?.toString?.();
+                    if (opening) {
+                        const start = node.startSourceSpan.start.offset;
+                        const insertAt = findOpenTagInsertPosition(html, start, opening.length);
+                        if (insertAt !== -1) {
+                            edits.push({
+                                index: insertAt,
+                                text: ` [translate-t]="t"`,
+                            });
+                        }
+                    }
+                }
+                for (const child of node.children ?? []) {
+                    visit(child);
+                }
+            };
+            for (const node of parsed.nodes) {
+                visit(node);
+            }
+        }
+        catch {
+            // fallback below
+        }
+        if (!parsedSuccessfully) {
+            edits.push(...findTranslateDirectiveEditsFromSource(html));
+        }
+        let result = applyEdits(html, edits);
+        result = result.replace(/\|\s*translate(?!\s*:)(?=[\s)}\]"';<]|$)/g, '| translate:t');
+        return result;
+        //#endregion
+    }
+    UtilsI18nHtml.replaceTranslatePipieDirectiveTContext = replaceTranslatePipieDirectiveTContext;
+    function findTranslateDirectiveEditsFromSource(html) {
+        //#region @backendFunc
+        const edits = [];
+        const tagRegex = /<([a-zA-Z0-9-]+)\b(?=[^>]*(?:\s|^|<)translate(?:\s|=|>|\/))[^>]*>/g;
+        for (const match of html.matchAll(tagRegex)) {
+            const tag = match[0];
+            const start = match.index ?? 0;
+            if (/\[translate-t\]\s*=/.test(tag) || /\btranslateT\b/.test(tag)) {
+                continue;
+            }
+            const closeIndex = tag.lastIndexOf('>');
+            if (closeIndex === -1)
+                continue;
+            const beforeClose = tag.slice(0, closeIndex);
+            const insertAt = beforeClose.trimEnd().endsWith('/')
+                ? start + beforeClose.lastIndexOf('/')
+                : start + closeIndex;
+            edits.push({
+                index: insertAt,
+                text: ` [translate-t]="t"`,
+            });
+        }
+        return edits;
+        //#endregion
+    }
+    function hasTranslateDirective(node) {
+        //#region @backendFunc
+        return [...(node.attributes ?? []), ...(node.templateAttrs ?? [])].some((attr) => attr.name === 'translate');
+        //#endregion
+    }
+    function hasTranslateTInput(node) {
+        //#region @backendFunc
+        return [
+            ...(node.inputs ?? []),
+            ...(node.templateAttrs ?? []),
+            ...(node.attributes ?? []),
+        ].some((attr) => attr.name === 'translate-t' || attr.name === 'translateT');
+        //#endregion
+    }
+    function findOpenTagInsertPosition(html, start, length) {
+        //#region @backendFunc
+        const end = start + length;
+        const openingTag = html.slice(start, end);
+        const closeIndex = openingTag.lastIndexOf('>');
+        if (closeIndex === -1)
+            return -1;
+        const beforeClose = openingTag.slice(0, closeIndex);
+        if (beforeClose.trimEnd().endsWith('/')) {
+            return start + beforeClose.lastIndexOf('/');
+        }
+        return start + closeIndex;
+        //#endregion
+    }
+    function applyEdits(input, edits) {
+        //#region @backendFunc
+        return [...edits]
+            .sort((a, b) => b.index - a.index)
+            .reduce((acc, edit) => {
+            return acc.slice(0, edit.index) + edit.text + acc.slice(edit.index);
+        }, input);
+        //#endregion
+    }
+})(UtilsI18nHtml || (exports.UtilsI18nHtml = UtilsI18nHtml = {}));
+//# sourceMappingURL=utils-i18n-html.js.map

package/lib/utils-i18n-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-i18n-html.js","sourceRoot":"","sources":[""],"names":[],"mappings":"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"}

package/lib/utils-i18n-html.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/utils-i18n-html.test.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_i18n_html_1 = require("./utils-i18n-html");
+describe('UtilsI18nHtml.replaceTranslatePipieDirectiveTContext', () => {
+    it('adds translate-t to translate directive', () => {
+        const html = `
+<p translate>
+  translation-app works!
+</p>
+`;
+        expect(utils_i18n_html_1.UtilsI18nHtml.replaceTranslatePipieDirectiveTContext(html)).toContain(`<p translate [translate-t]="t">`);
+    });
+    it('does not duplicate translate-t', () => {
+        const html = `
+<p translate [translate-t]="t">
+  translation-app works!
+</p>
+`;
+        expect(utils_i18n_html_1.UtilsI18nHtml.replaceTranslatePipieDirectiveTContext(html)).toBe(html);
+    });
+    it('adds t to translate pipe', () => {
+        const html = `
+{{ 'translation-app works!' | translate }}
+`;
+        expect(utils_i18n_html_1.UtilsI18nHtml.replaceTranslatePipieDirectiveTContext(html)).toContain(`{{ 'translation-app works!' | translate:t }}`);
+    });
+    it('does not modify translate pipe with existing args', () => {
+        const html = `
+{{ 'translation-app works!' | translate:t }}
+{{ 'hello' | translate:t:{ a: 1 } }}
+`;
+        expect(utils_i18n_html_1.UtilsI18nHtml.replaceTranslatePipieDirectiveTContext(html)).toBe(html);
+    });
+    it('handles directive and pipe together', () => {
+        const html = `
+<code>
+  <p
+    translate>
+    translation-app works!
+  </p>
+</code>
+TRANSLATE PIPIE<br />
+<code> {{ 'translation-app works!' | translate }} </code>
+`;
+        const result = utils_i18n_html_1.UtilsI18nHtml.replaceTranslatePipieDirectiveTContext(html);
+        expect(result).toContain(`translate [translate-t]="t">`);
+        expect(result).toContain(`| translate:t`);
+    });
+    it('handles self closing tags', () => {
+        const html = `<input translate />`;
+        expect(utils_i18n_html_1.UtilsI18nHtml.replaceTranslatePipieDirectiveTContext(html)).toBe(`<input translate  [translate-t]="t"/>`);
+    });
+    it('Should handle angular stuff', () => {
+        const html = `
+
+    <ng-template #loadingVideos>
+  @if (stateService.isLoadingVideos$ | async) {
+    <div class="p-4">
+      <h3
+        class="w-full"
+        translate>
+        Please wait...
+      </h3>
+      <mat-progress-bar mode="indeterminate" />
+    </div>
+  }
+</ng-template>
+
+    `;
+        expect(utils_i18n_html_1.UtilsI18nHtml.replaceTranslatePipieDirectiveTContext(html)).to.includes(`[translate-t]="t"`);
+    });
+    it('Should not replace when in class', () => {
+        const html = ` <button
+    mat-icon-button
+    class="absolute right-4 top-1/2 z-20 -translate-y-1/2 text-white"
+    (click)="next()">
+    <mat-icon>chevron_right</mat-icon>
+  </button>`;
+        expect(utils_i18n_html_1.UtilsI18nHtml.replaceTranslatePipieDirectiveTContext(html)).to.be.eq(html);
+    });
+});
+//# sourceMappingURL=utils-i18n-html.test.js.map

package/lib/utils-i18n-html.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-i18n-html.test.js","sourceRoot":"","sources":[""],"names":[],"mappings":";;AAAA,uDAAkD;AAElD,QAAQ,CAAC,sDAAsD,EAAE,GAAG,EAAE;IACpE,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACjD,MAAM,IAAI,GAAG;;;;CAIhB,CAAC;QAEE,MAAM,CACJ,+BAAa,CAAC,sCAAsC,CAAC,IAAI,CAAC,CAC3D,CAAC,SAAS,CAAC,iCAAiC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,IAAI,GAAG;;;;CAIhB,CAAC;QAEE,MAAM,CAAC,+BAAa,CAAC,sCAAsC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CACrE,IAAI,CACL,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,IAAI,GAAG;;CAEhB,CAAC;QAEE,MAAM,CACJ,+BAAa,CAAC,sCAAsC,CAAC,IAAI,CAAC,CAC3D,CAAC,SAAS,CAAC,8CAA8C,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC3D,MAAM,IAAI,GAAG;;;CAGhB,CAAC;QAEE,MAAM,CAAC,+BAAa,CAAC,sCAAsC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CACrE,IAAI,CACL,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,MAAM,IAAI,GAAG;;;;;;;;;CAShB,CAAC;QAEE,MAAM,MAAM,GAAG,+BAAa,CAAC,sCAAsC,CAAC,IAAI,CAAC,CAAC;QAE1E,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,8BAA8B,CAAC,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,MAAM,IAAI,GAAG,qBAAqB,CAAC;QAEnC,MAAM,CAAC,+BAAa,CAAC,sCAAsC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CACrE,uCAAuC,CACxC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;KAeZ,CAAC;QAEF,MAAM,CACJ,+BAAa,CAAC,sCAAsC,CAAC,IAAI,CAAC,CAC3D,CAAC,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,IAAI,GAAG;;;;;YAKL,CAAC;QAET,MAAM,CAAC,+BAAa,CAAC,sCAAsC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CACzE,IAAI,CACL,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/utils-po-file.d.ts

@@ -0,0 +1,8 @@
+import { UtilsI18n } from 'tnp-core';
+export declare namespace UtilsPoFile {
+    function generatePoFiles(files: UtilsI18n.GettextFile[], locales: UtilsI18n.CommonLocaleCode[], destinationAbsFolderPath: string): void;
+    function generatePoFileContent(files: UtilsI18n.GettextFile[], locale: UtilsI18n.CommonLocaleCode): string;
+    function extractPoToJson(poFileContent: string): UtilsI18n.GettextFile[];
+    function generateTranslationOverrideInterface(file: UtilsI18n.GettextFile, interfaceName: string, locale: UtilsI18n.CommonLocaleCode): string;
+    function mergeGettextFile(jsonContent1FromTsHtml: UtilsI18n.GettextFile, json2ContentFromPoFileModifedByUser?: UtilsI18n.GettextFile | null): UtilsI18n.GettextFile;
+}