René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"extract-i18n produces incorrect \"equiv-text\" attributes of interpolation elements","articleBody":"### Command\n\nextract-i18n\n\n### Is this a regression?\n\n- [ ] Yes, this behavior used to work in the previous version\n\n### The previous version in which this bug was not present was\n\n_No response_\n\n### Description\n\nIn the XLF file generated by extract-i18n, there are sometimes incorrect values inside the \"equiv-text\" attributes of the interpolation elements. In these cases, \"equiv-text\" does contain parts of the surrounding text (sometimes including other HTML elements). It seems that the issue occurs when the interpolation element is located directly at the beginning of the translation unit (so a linebreak inside the HTML element fixes the output, see example below).\n\n### Minimal Reproduction\n\n**This example leads to the expected output:**\r\n\r\nHTML template:\r\n```\r\n\u003cdiv i18n=\"@@project.download.progressInfo.database\"\u003e\r\n    {{getRoundedProgress(databaseProgressPercent)}}% finished...\r\n\u003c/div\u003e\r\n\u003cdiv\u003eSomething else\u003c/div\u003e\r\n```\r\n\r\nXLF generated by extract-i18n (using builder @angular-devkit/build-angular:extract-i18n):\r\n```\r\n\u003ctrans-unit id=\"project.download.progressInfo.database\" datatype=\"html\"\u003e\r\n  \u003csource\u003e \u003cx id=\"INTERPOLATION\" equiv-text=\"{{getRoundedProgress(databaseProgressPercent)}}\"/\u003e% finished... \u003c/source\u003e\r\n  \u003ccontext-group purpose=\"location\"\u003e\r\n    \u003ccontext context-type=\"sourcefile\"\u003esrc/app/components/project/download-project-progress-modal.html\u003c/context\u003e\r\n    \u003ccontext context-type=\"linenumber\"\u003e12,14\u003c/context\u003e\r\n  \u003c/context-group\u003e\r\n\u003c/trans-unit\u003e\r\n```\r\n\r\n**This example produces incorrect content in \"equiv-text\":**\r\n\r\nHTML template:\r\n```\r\n\u003cdiv i18n=\"@@project.download.progressInfo.database\"\u003e{{getRoundedProgress(databaseProgressPercent)}}% finished...\u003c/div\u003e\r\n\u003cdiv\u003eSomething else\u003c/div\u003e\r\n```\r\n\r\n\r\nXLF generated by extract-i18n (using builder @angular-devkit/build-angular:extract-i18n):\r\n```\r\n\u003ctrans-unit id=\"project.download.progressInfo.database\" datatype=\"html\"\u003e\r\n  \u003csource\u003e\u003cx id=\"INTERPOLATION\" equiv-text=\"% finished...\u0026lt;/div\u0026gt;\r\n  \u0026lt;div\u0026gt;Something else\u0026lt;/div\u0026gt;\"/\u003e% finished...\u003c/source\u003e\r\n  \u003ccontext-group purpose=\"location\"\u003e\r\n    \u003ccontext context-type=\"sourcefile\"\u003esrc/app/components/project/download-project-progress-modal.html\u003c/context\u003e\r\n    \u003ccontext context-type=\"linenumber\"\u003e12\u003c/context\u003e\r\n  \u003c/context-group\u003e\r\n\u003c/trans-unit\u003e\r\n```\n\n### Exception or Error\n\n_No response_\n\n### Your Environment\n\n```text\nAngular CLI: 18.0.6\r\nNode: 20.14.0\r\nPackage Manager: npm 10.7.0\r\nOS: darwin arm64\r\n\r\nAngular: 18.0.5\r\n... animations, cdk, common, compiler, compiler-cli, core, forms\r\n... localize, platform-browser, platform-browser-dynamic, router\r\n\r\nPackage                         Version\r\n---------------------------------------------------------\r\n@angular-devkit/architect       0.1800.6\r\n@angular-devkit/build-angular   18.0.6\r\n@angular-devkit/core            18.0.6\r\n@angular-devkit/schematics      18.0.6\r\n@angular/cli                    18.0.6\r\n@schematics/angular             18.0.6\r\nrxjs                            6.5.5\r\ntypescript                      5.4.5\r\nzone.js                         0.14.7\n```\n\n\n### Anything else relevant?\n\n_No response_","author":{"url":"https://github.com/tkleinke","@type":"Person","name":"tkleinke"},"datePublished":"2024-07-04T09:14:20.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2},"url":"https://github.com/56845/angular/issues/56845"}