@elementor/extract-i18n-wordpress-expressions-webpack-plugin 0.2.2 → 0.3.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.3.0](https://github.com/elementor/elementor-packages/compare/@elementor/extract-i18n-wordpress-expressions-webpack-plugin@0.2.2...@elementor/extract-i18n-wordpress-expressions-webpack-plugin@0.3.0) (2023-09-12)
+
+
+### Features
+
+* **i18n-webpack:** changed the way it extracts expressions ([#117](https://github.com/elementor/elementor-packages/issues/117)) ([5be687d](https://github.com/elementor/elementor-packages/commit/5be687d57ca9d0c335b9803aea12cdacc14f8202))
+
+
+
+
+
 ## 0.2.2 (2023-08-31)
 
 

package/dist/index.d.mts

@@ -1,30 +1,20 @@
-import { Compiler, Compilation, Chunk, Module as Module$1 } from 'webpack';
+import { Chunk, Compiler, Compilation } from 'webpack';
 
-type Module = Module$1 & {
-    userRequest?: string;
-    rawRequest?: string;
-    _source?: {
-        _valueAsString?: string;
-    };
-    modules?: Module[];
+type EntrySettings = {
+    id: string;
+    chunk: Chunk;
+    path: string;
+    pattern: string;
 };
-type TranslationCallExpression = {
-    type: 'comment' | 'call-expression';
-    index: number;
-    value: string;
+
+type Options = {
+    pattern: (entryPath: string, entryId: string) => string;
 };
-type TranslationCallExpressions = Map<string, TranslationCallExpression[]>;
 declare class ExtractI18nWordpressExpressionsWebpackPlugin {
+    options: Options;
+    constructor(options: Options);
     apply(compiler: Compiler): void;
-    getModuleExpressionsMap(compilation: Compilation): Map<any, any>;
-    createTranslationsFiles(compilation: Compilation, translationCallExpressions: TranslationCallExpressions): Promise<void[]>;
-    getSubModulesToCheck(module: Module): Module[];
-    getFileFromChunk(chunk: Chunk): string | undefined;
-    shouldCheckModule(module: Module): boolean;
-    findMainModuleOfEntry(module: Module, compilation: Compilation): string | null;
-    extractExpressionsFromSubmodule(subModule: Module): TranslationCallExpression[];
-    generateTranslationFilename(basePath: string, filename: string): string;
-    generateTranslationFileContent(expressions: TranslationCallExpression[]): string;
+    getEntries(compilation: Compilation): EntrySettings[];
 }
 
 export { ExtractI18nWordpressExpressionsWebpackPlugin };

package/dist/index.d.ts

@@ -1,30 +1,20 @@
-import { Compiler, Compilation, Chunk, Module as Module$1 } from 'webpack';
+import { Chunk, Compiler, Compilation } from 'webpack';
 
-type Module = Module$1 & {
-    userRequest?: string;
-    rawRequest?: string;
-    _source?: {
-        _valueAsString?: string;
-    };
-    modules?: Module[];
+type EntrySettings = {
+    id: string;
+    chunk: Chunk;
+    path: string;
+    pattern: string;
 };
-type TranslationCallExpression = {
-    type: 'comment' | 'call-expression';
-    index: number;
-    value: string;
+
+type Options = {
+    pattern: (entryPath: string, entryId: string) => string;
 };
-type TranslationCallExpressions = Map<string, TranslationCallExpression[]>;
 declare class ExtractI18nWordpressExpressionsWebpackPlugin {
+    options: Options;
+    constructor(options: Options);
     apply(compiler: Compiler): void;
-    getModuleExpressionsMap(compilation: Compilation): Map<any, any>;
-    createTranslationsFiles(compilation: Compilation, translationCallExpressions: TranslationCallExpressions): Promise<void[]>;
-    getSubModulesToCheck(module: Module): Module[];
-    getFileFromChunk(chunk: Chunk): string | undefined;
-    shouldCheckModule(module: Module): boolean;
-    findMainModuleOfEntry(module: Module, compilation: Compilation): string | null;
-    extractExpressionsFromSubmodule(subModule: Module): TranslationCallExpression[];
-    generateTranslationFilename(basePath: string, filename: string): string;
-    generateTranslationFileContent(expressions: TranslationCallExpression[]): string;
+    getEntries(compilation: Compilation): EntrySettings[];
 }
 
 export { ExtractI18nWordpressExpressionsWebpackPlugin };

package/dist/index.js

@@ -33,129 +33,110 @@ __export(src_exports, {
   ExtractI18nWordpressExpressionsWebpackPlugin: () => ExtractI18nWordpressExpressionsWebpackPlugin
 });
 module.exports = __toCommonJS(src_exports);
-var fs = __toESM(require("fs"));
+
+// src/plugin.ts
 var path = __toESM(require("path"));
-var MODULE_FILTERS = Object.freeze([/(([^!?\s]+?)(?:\.js|\.jsx|\.ts|\.tsx))$/, /^((?!node_modules).)*$/]);
-var COMMENTS_REGEXPS = Object.freeze([
+var fs2 = __toESM(require("fs"));
+
+// src/utils.ts
+var import_glob = require("glob");
+var fs = __toESM(require("fs"));
+var COMMENTS_REGEXPS = [
   // Matches translators comment block: `/* translators: %s */`.
   /\/\*[\t ]*translators:.*\*\//gm,
-  /// Matches translators inline comment: `// translators: %s`.
+  // Matches translators inline comment: `// translators: %s`.
   /(\/\/)[\t ]*translators:[^\r\n]*/gm
-]);
-var TRANSLATIONS_REGEXPS = Object.freeze([
+];
+var TRANSLATIONS_REGEXPS = [
   // Matches translation functions: `__('Hello', 'elementor')`, `_n('Me', 'Us', 2, 'elementor-pro')`.
-  /\b_(?:_|n|nx|x)\(.*?,\s*(?<c>['"`])[\w-]+\k<c>\)/gm
-]);
-var ExtractI18nWordpressExpressionsWebpackPlugin = class {
-  apply(compiler) {
-    let translationCallExpressions = /* @__PURE__ */ new Map();
-    compiler.hooks.thisCompilation.tap(this.constructor.name, (compilation) => {
-      compilation.hooks.processAssets.tap({ name: this.constructor.name }, () => {
-        translationCallExpressions = this.getModuleExpressionsMap(compilation);
+  /\b_(?:_|n|nx|x)\(.*?,\s*(?<c>['"`])[\w-]+\k<c>\s*?\)/sg
+];
+function createStringsFilePath(path2, suffix = ".strings.js") {
+  return path2.replace(/(\.min)?\.js$/i, suffix);
+}
+function getFilesPaths(pattern) {
+  return (0, import_glob.glob)(pattern, {
+    ignore: {
+      ignored: (p) => !/\.(js|ts|jsx|tsx)$/.test(p.name),
+      childrenIgnored: (p) => p.isNamed("__tests__") || p.isNamed("__mocks__")
+    },
+    /**
+     * Fix for Windows paths escaping.
+     * Note: This means we don't support paths with special character (like `*`,`?`, etc.)
+     * and only allow patterns that are constructed using `path.join()` or `path.resolve()`.
+     *
+     * @see https://github.com/isaacs/node-glob#options
+     * @see https://github.com/isaacs/node-glob#windows
+     * @see https://github.com/isaacs/node-glob/issues/212#issuecomment-1449062925
+     */
+    windowsPathsNoEscape: true
+  });
+}
+function getFilesContents(paths) {
+  return Promise.all(paths.map((filePath) => fs.promises.readFile(filePath, "utf-8")));
+}
+function generateStringsFileContent(contents) {
+  return contents.map((content) => extractExpressions(content)).flat().map((expr) => `${expr.value}${expr.type === "comment" ? "" : ";"}`).join("\n");
+}
+function extractExpressions(content) {
+  const expressions = [];
+  [...TRANSLATIONS_REGEXPS, ...COMMENTS_REGEXPS].forEach((regexp) => {
+    [...content.matchAll(regexp)].forEach((res) => {
+      expressions.push({
+        type: COMMENTS_REGEXPS.includes(regexp) ? "comment" : "call-expression",
+        index: res.index || 0,
+        value: res[0]
       });
     });
-    compiler.hooks.afterEmit.tapPromise(this.constructor.name, async (compilation) => {
-      await this.createTranslationsFiles(compilation, translationCallExpressions);
-    });
+  });
+  return expressions.sort((a, b) => a.index - b.index);
+}
+
+// src/plugin.ts
+var ExtractI18nWordpressExpressionsWebpackPlugin = class {
+  options;
+  constructor(options) {
+    this.options = options;
   }
-  getModuleExpressionsMap(compilation) {
-    const moduleExpressionsMap = /* @__PURE__ */ new Map();
-    [...compilation.chunks].forEach((chunk) => {
-      const chunkJSFile = this.getFileFromChunk(chunk);
-      if (!chunkJSFile) {
-        return;
-      }
-      compilation.chunkGraph.getChunkModules(chunk).forEach((module2) => {
-        this.getSubModulesToCheck(module2).forEach((subModule) => {
-          const mainEntryFile = this.findMainModuleOfEntry(subModule, compilation);
-          if (!moduleExpressionsMap.has(mainEntryFile)) {
-            moduleExpressionsMap.set(mainEntryFile, []);
-          }
-          this.extractExpressionsFromSubmodule(subModule).forEach((expression) => {
-            moduleExpressionsMap.get(mainEntryFile).push(expression);
-          });
-        });
-      });
+  apply(compiler) {
+    compiler.hooks.afterEmit.tapPromise(this.constructor.name, async (compilation) => {
+      const entries = this.getEntries(compilation);
+      await Promise.all(
+        entries.map(async (entry) => {
+          const fileContents = await getFilesContents(
+            await getFilesPaths(entry.pattern)
+          );
+          const entryContent = generateStringsFileContent(fileContents);
+          await fs2.promises.writeFile(entry.path, entryContent);
+        })
+      );
     });
-    return moduleExpressionsMap;
   }
-  async createTranslationsFiles(compilation, translationCallExpressions) {
-    const promises2 = [...compilation.entrypoints].map(([id, entrypoint]) => {
+  getEntries(compilation) {
+    return [...compilation.entrypoints].map(([id, entrypoint]) => {
       const chunk = entrypoint.chunks.find(({ name }) => name === id);
       if (!chunk) {
-        return Promise.resolve();
+        return null;
       }
-      const chunkJSFile = this.getFileFromChunk(chunk);
+      const chunkJSFile = [...chunk.files].find((f) => /\.(js|ts)$/i.test(f));
       if (!chunkJSFile) {
-        return Promise.resolve();
-      }
-      const { entry } = compilation.options;
-      if (!entry || typeof entry !== "object" || !(id in entry)) {
-        throw new Error(`Entry must be an object. e.g: {app: './path/to/app.js'}`);
+        return null;
       }
-      const mainFilePath = entry[id].import?.[0];
-      if (!mainFilePath) {
-        throw new Error("Entry is invalid");
+      const { path: basePath } = compilation.options.output;
+      if (!basePath) {
+        return null;
       }
-      const { path: outputPath } = compilation.options.output;
-      if (!outputPath) {
-        throw new Error("Output path is invalid");
-      }
-      const assetFilename = this.generateTranslationFilename(
-        outputPath,
-        compilation.getPath("[file]", { filename: chunkJSFile })
-      );
-      const assetFileContent = this.generateTranslationFileContent(
-        translationCallExpressions.get(mainFilePath) || []
-      );
-      return fs.promises.writeFile(assetFilename, assetFileContent);
-    });
-    return await Promise.all(promises2);
-  }
-  getSubModulesToCheck(module2) {
-    return [...module2.modules || [], module2].filter((subModule) => this.shouldCheckModule(subModule));
-  }
-  getFileFromChunk(chunk) {
-    return [...chunk.files].find((f) => /\.js$/i.test(f));
-  }
-  shouldCheckModule(module2) {
-    return MODULE_FILTERS.every((filter) => filter.test(module2.userRequest || ""));
-  }
-  findMainModuleOfEntry(module2, compilation) {
-    const issuer = compilation.moduleGraph.getIssuer(module2);
-    if (issuer) {
-      return this.findMainModuleOfEntry(issuer, compilation);
-    }
-    return module2.rawRequest || null;
-  }
-  extractExpressionsFromSubmodule(subModule) {
-    const source = subModule?._source?._valueAsString;
-    if (!source) {
-      return [];
-    }
-    const translationCallExpressions = [];
-    [
-      ...TRANSLATIONS_REGEXPS,
-      ...COMMENTS_REGEXPS
-    ].forEach((regexp) => {
-      [...source.matchAll(regexp)].forEach((res) => {
-        translationCallExpressions.push({
-          type: COMMENTS_REGEXPS.includes(regexp) ? "comment" : "call-expression",
-          index: res.index || 0,
-          value: res[0]
-        });
-      });
-    });
-    return translationCallExpressions;
-  }
-  generateTranslationFilename(basePath, filename) {
-    return path.join(
-      basePath,
-      filename.replace(/(\.min)?\.js$/i, ".strings.js")
-    );
-  }
-  generateTranslationFileContent(expressions) {
-    return expressions.sort((a, b) => a.index - b.index).map((expr) => `${expr.value}${expr.type === "comment" ? "" : ";"}`).join("\n");
+      const filePath = createStringsFilePath(compilation.getPath("[file]", { filename: chunkJSFile }));
+      return {
+        id,
+        chunk,
+        path: path.join(basePath, filePath),
+        pattern: this.options.pattern(
+          path.resolve(process.cwd(), entrypoint.origins[0].request),
+          id
+        )
+      };
+    }).filter(Boolean);
   }
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import * as fs from 'fs';\nimport * as path from 'path';\nimport { Compilation, Compiler, Chunk, Module as WebpackModule } from 'webpack';\n\ntype Module = WebpackModule & {\n\tuserRequest?: string;\n\trawRequest?: string;\n\t_source?: {\n\t\t_valueAsString?: string;\n\t},\n\tmodules?: Module[];\n}\n\ntype TranslationCallExpression = {\n\ttype: 'comment' | 'call-expression';\n\tindex: number;\n\tvalue: string;\n};\n\ntype TranslationCallExpressions = Map<string, TranslationCallExpression[]>;\n\nconst MODULE_FILTERS = Object.freeze( [ /(([^!?\\s]+?)(?:\\.js|\\.jsx|\\.ts|\\.tsx))$/, /^((?!node_modules).)*$/ ] );\n\nconst COMMENTS_REGEXPS = Object.freeze( [\n\t// Matches translators comment block: `/* translators: %s */`.\n\t/\\/\\*[\\t ]*translators:.*\\*\\//gm,\n\t/// Matches translators inline comment: `// translators: %s`.\n\t/(\\/\\/)[\\t ]*translators:[^\\r\\n]*/gm,\n] );\n\nconst TRANSLATIONS_REGEXPS = Object.freeze( [\n\t// Matches translation functions: `__('Hello', 'elementor')`, `_n('Me', 'Us', 2, 'elementor-pro')`.\n\t/\\b_(?:_|n|nx|x)\\(.*?,\\s*(?<c>['\"`])[\\w-]+\\k<c>\\)/gm,\n] );\n\nexport class ExtractI18nWordpressExpressionsWebpackPlugin {\n\tapply( compiler: Compiler ) {\n\t\t// Learn more about Webpack plugin system: https://webpack.js.org/api/plugins/\n\n\t\tlet translationCallExpressions: TranslationCallExpressions = new Map();\n\n\t\t// Learn more about Webpack compilation process and hooks: https://webpack.js.org/api/compilation-hooks/\n\t\tcompiler.hooks.thisCompilation.tap( this.constructor.name, ( compilation ) => {\n\t\t\t// We tap into the time that Webpack has finished processing all the other assets\n\t\t\t// learn more: https://webpack.js.org/api/compilation-hooks/#processassets.\n\t\t\tcompilation.hooks.processAssets.tap( { name: this.constructor.name }, () => {\n\t\t\t\ttranslationCallExpressions = this.getModuleExpressionsMap( compilation );\n\t\t\t} );\n\t\t} );\n\n\t\tcompiler.hooks.afterEmit.tapPromise( this.constructor.name, async ( compilation ) => {\n\t\t\t// Create all the translations files based on the call expressions.\n\t\t\tawait this.createTranslationsFiles( compilation, translationCallExpressions );\n\t\t} );\n\t}\n\n\tgetModuleExpressionsMap( compilation: Compilation ) {\n\t\tconst moduleExpressionsMap = new Map();\n\n\t\t[ ...compilation.chunks ].forEach( ( chunk ) => {\n\t\t\tconst chunkJSFile = this.getFileFromChunk( chunk );\n\n\t\t\tif ( ! chunkJSFile ) {\n\t\t\t\t// There's no JS file in this chunk, no work for us. Typically a `style.css` from cache group.\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tcompilation.chunkGraph.getChunkModules( chunk ).forEach( ( module ) => {\n\t\t\t\tthis.getSubModulesToCheck( module ).forEach( ( subModule ) => {\n\t\t\t\t\tconst mainEntryFile = this.findMainModuleOfEntry( subModule, compilation );\n\n\t\t\t\t\tif ( ! moduleExpressionsMap.has( mainEntryFile ) ) {\n\t\t\t\t\t\tmoduleExpressionsMap.set( mainEntryFile, [] );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Running over the submodules and find all the translation call expressions and their translators comment\n\t\t\t\t\t// (e.g `/* translators: %s: name*/ __('Hello %s', 'elementor')`),\n\t\t\t\t\t// extract them and add them to a Map, where the key is the main entry file, and the value is an array of all the\n\t\t\t\t\t// translation call expressions.\n\t\t\t\t\tthis.extractExpressionsFromSubmodule( subModule ).forEach( ( expression ) => {\n\t\t\t\t\t\tmoduleExpressionsMap.get( mainEntryFile ).push( expression );\n\t\t\t\t\t} );\n\t\t\t\t} );\n\t\t\t} );\n\t\t} );\n\n\t\treturn moduleExpressionsMap;\n\t}\n\n\tasync createTranslationsFiles( compilation: Compilation, translationCallExpressions: TranslationCallExpressions ) {\n\t\tconst promises = [ ...compilation.entrypoints ].map( ( [ id, entrypoint ] ) => {\n\t\t\tconst chunk = entrypoint.chunks.find( ( { name } ) => name === id );\n\n\t\t\tif ( ! chunk ) {\n\t\t\t\treturn Promise.resolve();\n\t\t\t}\n\n\t\t\tconst chunkJSFile = this.getFileFromChunk( chunk );\n\n\t\t\tif ( ! chunkJSFile ) {\n\t\t\t\treturn Promise.resolve();\n\t\t\t}\n\n\t\t\tconst { entry } = compilation.options;\n\n\t\t\tif ( ! entry || typeof entry !== 'object' || ! ( id in entry ) ) {\n\t\t\t\tthrow new Error( `Entry must be an object. e.g: {app: './path/to/app.js'}` );\n\t\t\t}\n\n\t\t\tconst mainFilePath = entry[ id ].import?.[ 0 ];\n\n\t\t\tif ( ! mainFilePath ) {\n\t\t\t\tthrow new Error( 'Entry is invalid' );\n\t\t\t}\n\n\t\t\tconst { path: outputPath } = compilation.options.output;\n\n\t\t\tif ( ! outputPath ) {\n\t\t\t\tthrow new Error( 'Output path is invalid' );\n\t\t\t}\n\n\t\t\tconst assetFilename = this.generateTranslationFilename(\n\t\t\t\toutputPath,\n\t\t\t\tcompilation.getPath( '[file]', { filename: chunkJSFile } )\n\t\t\t);\n\n\t\t\tconst assetFileContent = this.generateTranslationFileContent(\n\t\t\t\ttranslationCallExpressions.get( mainFilePath ) || []\n\t\t\t);\n\n\t\t\treturn fs.promises.writeFile( assetFilename, assetFileContent );\n\t\t} );\n\n\t\treturn await Promise.all( promises );\n\t}\n\n\tgetSubModulesToCheck( module: Module ) {\n\t\treturn [ ...( module.modules || [] ), module ]\n\t\t\t.filter( ( subModule ) => this.shouldCheckModule( subModule ) );\n\t}\n\n\tgetFileFromChunk( chunk: Chunk ) {\n\t\treturn [ ...chunk.files ].find( ( f ) => /\\.js$/i.test( f ) );\n\t}\n\n\tshouldCheckModule( module: Module ) {\n\t\treturn MODULE_FILTERS.every( ( filter ) => filter.test( module.userRequest || '' ) );\n\t}\n\n\tfindMainModuleOfEntry( module: Module, compilation: Compilation ) : string | null {\n\t\tconst issuer = compilation.moduleGraph.getIssuer( module );\n\n\t\tif ( issuer ) {\n\t\t\treturn this.findMainModuleOfEntry( issuer, compilation );\n\t\t}\n\n\t\treturn module.rawRequest || null;\n\t}\n\n\textractExpressionsFromSubmodule( subModule: Module ) {\n\t\tconst source = subModule?._source?._valueAsString;\n\n\t\tif ( ! source ) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst translationCallExpressions: TranslationCallExpression[] = [];\n\n\t\t[\n\t\t\t...TRANSLATIONS_REGEXPS,\n\t\t\t...COMMENTS_REGEXPS,\n\t\t].forEach( ( regexp ) => {\n\t\t\t[ ...source.matchAll( regexp ) ].forEach( ( res ) => {\n\t\t\t\ttranslationCallExpressions.push( {\n\t\t\t\t\ttype: COMMENTS_REGEXPS.includes( regexp ) ? 'comment' : 'call-expression',\n\t\t\t\t\tindex: res.index || 0,\n\t\t\t\t\tvalue: res[ 0 ],\n\t\t\t\t} );\n\t\t\t} );\n\t\t} );\n\n\t\treturn translationCallExpressions;\n\t}\n\n\tgenerateTranslationFilename( basePath: string, filename: string ) {\n\t\treturn path.join(\n\t\t\tbasePath,\n\t\t\tfilename.replace( /(\\.min)?\\.js$/i, '.strings.js' )\n\t\t);\n\t}\n\n\tgenerateTranslationFileContent( expressions: TranslationCallExpression[] ) {\n\t\treturn expressions\n\t\t\t// Sort by the index it was found in the file based on the regexp (and not by the order it was added to the array).\n\t\t\t.sort( ( a, b ) => a.index - b.index )\n\t\t\t// Add a semicolon when needed.\n\t\t\t.map( ( expr ) => `${ expr.value }${ expr.type === 'comment' ? '' : ';' }` )\n\t\t\t// Join all the expressions to a single string with line-breaks between them.\n\t\t\t.join( '\\n' );\n\t}\n}\n"],"mappings":"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","names":["module","promises"]}
+{"version":3,"sources":["../src/index.ts","../src/plugin.ts","../src/utils.ts"],"sourcesContent":["export { default as ExtractI18nWordpressExpressionsWebpackPlugin } from './plugin';\n","import * as path from 'path';\nimport * as fs from 'fs';\nimport { Compilation, Compiler } from 'webpack';\nimport { EntrySettings } from './types';\nimport {\n\tcreateStringsFilePath,\n\tgenerateStringsFileContent,\n\tgetFilesContents,\n\tgetFilesPaths,\n} from './utils';\n\ntype Options = {\n\tpattern: ( entryPath: string, entryId: string ) => string;\n}\n\nexport default class ExtractI18nWordpressExpressionsWebpackPlugin {\n\toptions: Options;\n\n\tconstructor( options: Options ) {\n\t\tthis.options = options;\n\t}\n\n\tapply( compiler: Compiler ) {\n\t\tcompiler.hooks.afterEmit.tapPromise( this.constructor.name, async ( compilation ) => {\n\t\t\tconst entries = this.getEntries( compilation );\n\n\t\t\tawait Promise.all(\n\t\t\t\tentries.map( async ( entry ) => {\n\t\t\t\t\tconst fileContents = await getFilesContents(\n\t\t\t\t\t\tawait getFilesPaths( entry.pattern )\n\t\t\t\t\t);\n\n\t\t\t\t\tconst entryContent = generateStringsFileContent( fileContents );\n\n\t\t\t\t\t// Writing manually instead of using `chunk.files.add()` in order to avoid passing\n\t\t\t\t\t// the file through the loaders (transpilers, minifiers, etc.).\n\t\t\t\t\tawait fs.promises.writeFile( entry.path, entryContent );\n\t\t\t\t} )\n\t\t\t);\n\t\t} );\n\t}\n\n\tgetEntries( compilation: Compilation ) {\n\t\treturn [ ...compilation.entrypoints ]\n\t\t\t.map( ( [ id, entrypoint ] ) => {\n\t\t\t\tconst chunk = entrypoint.chunks.find( ( { name } ) => name === id );\n\n\t\t\t\tif ( ! chunk ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst chunkJSFile = [ ...chunk.files ].find( ( f ) => /\\.(js|ts)$/i.test( f ) );\n\n\t\t\t\tif ( ! chunkJSFile ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst { path: basePath } = compilation.options.output;\n\n\t\t\t\tif ( ! basePath ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst filePath = createStringsFilePath( compilation.getPath( '[file]', { filename: chunkJSFile } ) );\n\n\t\t\t\treturn {\n\t\t\t\t\tid,\n\t\t\t\t\tchunk,\n\t\t\t\t\tpath: path.join( basePath, filePath ),\n\t\t\t\t\tpattern: this.options.pattern(\n\t\t\t\t\t\tpath.resolve( process.cwd(), entrypoint.origins[ 0 ].request ),\n\t\t\t\t\t\tid\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t} )\n\t\t\t.filter( Boolean ) as EntrySettings[];\n\t}\n}\n","import { TranslationCallExpression } from './types';\nimport { glob } from 'glob';\nimport * as fs from 'fs';\n\nconst COMMENTS_REGEXPS = [\n\t// Matches translators comment block: `/* translators: %s */`.\n\t/\\/\\*[\\t ]*translators:.*\\*\\//gm,\n\t// Matches translators inline comment: `// translators: %s`.\n\t/(\\/\\/)[\\t ]*translators:[^\\r\\n]*/gm,\n] as const;\n\nconst TRANSLATIONS_REGEXPS = [\n\t// Matches translation functions: `__('Hello', 'elementor')`, `_n('Me', 'Us', 2, 'elementor-pro')`.\n\t/\\b_(?:_|n|nx|x)\\(.*?,\\s*(?<c>['\"`])[\\w-]+\\k<c>\\s*?\\)/sg,\n] as const;\n\nexport function createStringsFilePath( path: string, suffix = '.strings.js' ) {\n\treturn path.replace( /(\\.min)?\\.js$/i, suffix );\n}\n\nexport function getFilesPaths( pattern: string ) {\n\treturn glob( pattern, {\n\t\tignore: {\n\t\t\tignored: ( p ) => ! ( /\\.(js|ts|jsx|tsx)$/.test( p.name ) ),\n\t\t\tchildrenIgnored: ( p ) => p.isNamed( '__tests__' ) || p.isNamed( '__mocks__' ),\n\t\t},\n\n\t\t/**\n\t\t * Fix for Windows paths escaping.\n\t\t * Note: This means we don't support paths with special character (like `*`,`?`, etc.)\n\t\t * and only allow patterns that are constructed using `path.join()` or `path.resolve()`.\n\t\t *\n\t\t * @see https://github.com/isaacs/node-glob#options\n\t\t * @see https://github.com/isaacs/node-glob#windows\n\t\t * @see https://github.com/isaacs/node-glob/issues/212#issuecomment-1449062925\n\t\t */\n\t\twindowsPathsNoEscape: true,\n\t} );\n}\n\nexport function getFilesContents( paths: string[] ) {\n\treturn Promise.all( paths.map( ( filePath ) => fs.promises.readFile( filePath, 'utf-8' ) ) );\n}\n\nexport function generateStringsFileContent( contents: string[] ) {\n\treturn contents\n\t\t.map( ( content, ) => extractExpressions( content ) )\n\t\t.flat()\n\t\t// Add a semicolon when needed.\n\t\t.map( ( expr ) => `${ expr.value }${ expr.type === 'comment' ? '' : ';' }` )\n\t\t// Join all the expressions to a single string with line-breaks between them.\n\t\t.join( '\\n' );\n}\n\nfunction extractExpressions( content: string ): TranslationCallExpression[] {\n\tconst expressions: TranslationCallExpression[] = [];\n\n\t[ ...TRANSLATIONS_REGEXPS, ...COMMENTS_REGEXPS ].forEach( ( regexp ) => {\n\t\t[ ...content.matchAll( regexp ) ].forEach( ( res ) => {\n\t\t\texpressions.push( {\n\t\t\t\ttype: COMMENTS_REGEXPS.includes( regexp ) ? 'comment' : 'call-expression',\n\t\t\t\tindex: res.index || 0,\n\t\t\t\tvalue: res[ 0 ],\n\t\t\t} );\n\t\t} );\n\t} );\n\n\t// Sort by the index it was found in the file based on the regexp (and not by the order it was added to the array).\n\treturn expressions.sort( ( a, b ) => a.index - b.index );\n}\n"],"mappings":"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","names":["fs","path"]}

package/dist/index.mjs

@@ -1,127 +1,106 @@
-// src/index.ts
-import * as fs from "fs";
+// src/plugin.ts
 import * as path from "path";
-var MODULE_FILTERS = Object.freeze([/(([^!?\s]+?)(?:\.js|\.jsx|\.ts|\.tsx))$/, /^((?!node_modules).)*$/]);
-var COMMENTS_REGEXPS = Object.freeze([
+import * as fs2 from "fs";
+
+// src/utils.ts
+import { glob } from "glob";
+import * as fs from "fs";
+var COMMENTS_REGEXPS = [
   // Matches translators comment block: `/* translators: %s */`.
   /\/\*[\t ]*translators:.*\*\//gm,
-  /// Matches translators inline comment: `// translators: %s`.
+  // Matches translators inline comment: `// translators: %s`.
   /(\/\/)[\t ]*translators:[^\r\n]*/gm
-]);
-var TRANSLATIONS_REGEXPS = Object.freeze([
+];
+var TRANSLATIONS_REGEXPS = [
   // Matches translation functions: `__('Hello', 'elementor')`, `_n('Me', 'Us', 2, 'elementor-pro')`.
-  /\b_(?:_|n|nx|x)\(.*?,\s*(?<c>['"`])[\w-]+\k<c>\)/gm
-]);
-var ExtractI18nWordpressExpressionsWebpackPlugin = class {
-  apply(compiler) {
-    let translationCallExpressions = /* @__PURE__ */ new Map();
-    compiler.hooks.thisCompilation.tap(this.constructor.name, (compilation) => {
-      compilation.hooks.processAssets.tap({ name: this.constructor.name }, () => {
-        translationCallExpressions = this.getModuleExpressionsMap(compilation);
+  /\b_(?:_|n|nx|x)\(.*?,\s*(?<c>['"`])[\w-]+\k<c>\s*?\)/sg
+];
+function createStringsFilePath(path2, suffix = ".strings.js") {
+  return path2.replace(/(\.min)?\.js$/i, suffix);
+}
+function getFilesPaths(pattern) {
+  return glob(pattern, {
+    ignore: {
+      ignored: (p) => !/\.(js|ts|jsx|tsx)$/.test(p.name),
+      childrenIgnored: (p) => p.isNamed("__tests__") || p.isNamed("__mocks__")
+    },
+    /**
+     * Fix for Windows paths escaping.
+     * Note: This means we don't support paths with special character (like `*`,`?`, etc.)
+     * and only allow patterns that are constructed using `path.join()` or `path.resolve()`.
+     *
+     * @see https://github.com/isaacs/node-glob#options
+     * @see https://github.com/isaacs/node-glob#windows
+     * @see https://github.com/isaacs/node-glob/issues/212#issuecomment-1449062925
+     */
+    windowsPathsNoEscape: true
+  });
+}
+function getFilesContents(paths) {
+  return Promise.all(paths.map((filePath) => fs.promises.readFile(filePath, "utf-8")));
+}
+function generateStringsFileContent(contents) {
+  return contents.map((content) => extractExpressions(content)).flat().map((expr) => `${expr.value}${expr.type === "comment" ? "" : ";"}`).join("\n");
+}
+function extractExpressions(content) {
+  const expressions = [];
+  [...TRANSLATIONS_REGEXPS, ...COMMENTS_REGEXPS].forEach((regexp) => {
+    [...content.matchAll(regexp)].forEach((res) => {
+      expressions.push({
+        type: COMMENTS_REGEXPS.includes(regexp) ? "comment" : "call-expression",
+        index: res.index || 0,
+        value: res[0]
       });
     });
-    compiler.hooks.afterEmit.tapPromise(this.constructor.name, async (compilation) => {
-      await this.createTranslationsFiles(compilation, translationCallExpressions);
-    });
+  });
+  return expressions.sort((a, b) => a.index - b.index);
+}
+
+// src/plugin.ts
+var ExtractI18nWordpressExpressionsWebpackPlugin = class {
+  options;
+  constructor(options) {
+    this.options = options;
   }
-  getModuleExpressionsMap(compilation) {
-    const moduleExpressionsMap = /* @__PURE__ */ new Map();
-    [...compilation.chunks].forEach((chunk) => {
-      const chunkJSFile = this.getFileFromChunk(chunk);
-      if (!chunkJSFile) {
-        return;
-      }
-      compilation.chunkGraph.getChunkModules(chunk).forEach((module) => {
-        this.getSubModulesToCheck(module).forEach((subModule) => {
-          const mainEntryFile = this.findMainModuleOfEntry(subModule, compilation);
-          if (!moduleExpressionsMap.has(mainEntryFile)) {
-            moduleExpressionsMap.set(mainEntryFile, []);
-          }
-          this.extractExpressionsFromSubmodule(subModule).forEach((expression) => {
-            moduleExpressionsMap.get(mainEntryFile).push(expression);
-          });
-        });
-      });
+  apply(compiler) {
+    compiler.hooks.afterEmit.tapPromise(this.constructor.name, async (compilation) => {
+      const entries = this.getEntries(compilation);
+      await Promise.all(
+        entries.map(async (entry) => {
+          const fileContents = await getFilesContents(
+            await getFilesPaths(entry.pattern)
+          );
+          const entryContent = generateStringsFileContent(fileContents);
+          await fs2.promises.writeFile(entry.path, entryContent);
+        })
+      );
     });
-    return moduleExpressionsMap;
   }
-  async createTranslationsFiles(compilation, translationCallExpressions) {
-    const promises2 = [...compilation.entrypoints].map(([id, entrypoint]) => {
+  getEntries(compilation) {
+    return [...compilation.entrypoints].map(([id, entrypoint]) => {
       const chunk = entrypoint.chunks.find(({ name }) => name === id);
       if (!chunk) {
-        return Promise.resolve();
+        return null;
       }
-      const chunkJSFile = this.getFileFromChunk(chunk);
+      const chunkJSFile = [...chunk.files].find((f) => /\.(js|ts)$/i.test(f));
       if (!chunkJSFile) {
-        return Promise.resolve();
-      }
-      const { entry } = compilation.options;
-      if (!entry || typeof entry !== "object" || !(id in entry)) {
-        throw new Error(`Entry must be an object. e.g: {app: './path/to/app.js'}`);
+        return null;
       }
-      const mainFilePath = entry[id].import?.[0];
-      if (!mainFilePath) {
-        throw new Error("Entry is invalid");
+      const { path: basePath } = compilation.options.output;
+      if (!basePath) {
+        return null;
       }
-      const { path: outputPath } = compilation.options.output;
-      if (!outputPath) {
-        throw new Error("Output path is invalid");
-      }
-      const assetFilename = this.generateTranslationFilename(
-        outputPath,
-        compilation.getPath("[file]", { filename: chunkJSFile })
-      );
-      const assetFileContent = this.generateTranslationFileContent(
-        translationCallExpressions.get(mainFilePath) || []
-      );
-      return fs.promises.writeFile(assetFilename, assetFileContent);
-    });
-    return await Promise.all(promises2);
-  }
-  getSubModulesToCheck(module) {
-    return [...module.modules || [], module].filter((subModule) => this.shouldCheckModule(subModule));
-  }
-  getFileFromChunk(chunk) {
-    return [...chunk.files].find((f) => /\.js$/i.test(f));
-  }
-  shouldCheckModule(module) {
-    return MODULE_FILTERS.every((filter) => filter.test(module.userRequest || ""));
-  }
-  findMainModuleOfEntry(module, compilation) {
-    const issuer = compilation.moduleGraph.getIssuer(module);
-    if (issuer) {
-      return this.findMainModuleOfEntry(issuer, compilation);
-    }
-    return module.rawRequest || null;
-  }
-  extractExpressionsFromSubmodule(subModule) {
-    const source = subModule?._source?._valueAsString;
-    if (!source) {
-      return [];
-    }
-    const translationCallExpressions = [];
-    [
-      ...TRANSLATIONS_REGEXPS,
-      ...COMMENTS_REGEXPS
-    ].forEach((regexp) => {
-      [...source.matchAll(regexp)].forEach((res) => {
-        translationCallExpressions.push({
-          type: COMMENTS_REGEXPS.includes(regexp) ? "comment" : "call-expression",
-          index: res.index || 0,
-          value: res[0]
-        });
-      });
-    });
-    return translationCallExpressions;
-  }
-  generateTranslationFilename(basePath, filename) {
-    return path.join(
-      basePath,
-      filename.replace(/(\.min)?\.js$/i, ".strings.js")
-    );
-  }
-  generateTranslationFileContent(expressions) {
-    return expressions.sort((a, b) => a.index - b.index).map((expr) => `${expr.value}${expr.type === "comment" ? "" : ";"}`).join("\n");
+      const filePath = createStringsFilePath(compilation.getPath("[file]", { filename: chunkJSFile }));
+      return {
+        id,
+        chunk,
+        path: path.join(basePath, filePath),
+        pattern: this.options.pattern(
+          path.resolve(process.cwd(), entrypoint.origins[0].request),
+          id
+        )
+      };
+    }).filter(Boolean);
   }
 };
 export {

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import * as fs from 'fs';\nimport * as path from 'path';\nimport { Compilation, Compiler, Chunk, Module as WebpackModule } from 'webpack';\n\ntype Module = WebpackModule & {\n\tuserRequest?: string;\n\trawRequest?: string;\n\t_source?: {\n\t\t_valueAsString?: string;\n\t},\n\tmodules?: Module[];\n}\n\ntype TranslationCallExpression = {\n\ttype: 'comment' | 'call-expression';\n\tindex: number;\n\tvalue: string;\n};\n\ntype TranslationCallExpressions = Map<string, TranslationCallExpression[]>;\n\nconst MODULE_FILTERS = Object.freeze( [ /(([^!?\\s]+?)(?:\\.js|\\.jsx|\\.ts|\\.tsx))$/, /^((?!node_modules).)*$/ ] );\n\nconst COMMENTS_REGEXPS = Object.freeze( [\n\t// Matches translators comment block: `/* translators: %s */`.\n\t/\\/\\*[\\t ]*translators:.*\\*\\//gm,\n\t/// Matches translators inline comment: `// translators: %s`.\n\t/(\\/\\/)[\\t ]*translators:[^\\r\\n]*/gm,\n] );\n\nconst TRANSLATIONS_REGEXPS = Object.freeze( [\n\t// Matches translation functions: `__('Hello', 'elementor')`, `_n('Me', 'Us', 2, 'elementor-pro')`.\n\t/\\b_(?:_|n|nx|x)\\(.*?,\\s*(?<c>['\"`])[\\w-]+\\k<c>\\)/gm,\n] );\n\nexport class ExtractI18nWordpressExpressionsWebpackPlugin {\n\tapply( compiler: Compiler ) {\n\t\t// Learn more about Webpack plugin system: https://webpack.js.org/api/plugins/\n\n\t\tlet translationCallExpressions: TranslationCallExpressions = new Map();\n\n\t\t// Learn more about Webpack compilation process and hooks: https://webpack.js.org/api/compilation-hooks/\n\t\tcompiler.hooks.thisCompilation.tap( this.constructor.name, ( compilation ) => {\n\t\t\t// We tap into the time that Webpack has finished processing all the other assets\n\t\t\t// learn more: https://webpack.js.org/api/compilation-hooks/#processassets.\n\t\t\tcompilation.hooks.processAssets.tap( { name: this.constructor.name }, () => {\n\t\t\t\ttranslationCallExpressions = this.getModuleExpressionsMap( compilation );\n\t\t\t} );\n\t\t} );\n\n\t\tcompiler.hooks.afterEmit.tapPromise( this.constructor.name, async ( compilation ) => {\n\t\t\t// Create all the translations files based on the call expressions.\n\t\t\tawait this.createTranslationsFiles( compilation, translationCallExpressions );\n\t\t} );\n\t}\n\n\tgetModuleExpressionsMap( compilation: Compilation ) {\n\t\tconst moduleExpressionsMap = new Map();\n\n\t\t[ ...compilation.chunks ].forEach( ( chunk ) => {\n\t\t\tconst chunkJSFile = this.getFileFromChunk( chunk );\n\n\t\t\tif ( ! chunkJSFile ) {\n\t\t\t\t// There's no JS file in this chunk, no work for us. Typically a `style.css` from cache group.\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tcompilation.chunkGraph.getChunkModules( chunk ).forEach( ( module ) => {\n\t\t\t\tthis.getSubModulesToCheck( module ).forEach( ( subModule ) => {\n\t\t\t\t\tconst mainEntryFile = this.findMainModuleOfEntry( subModule, compilation );\n\n\t\t\t\t\tif ( ! moduleExpressionsMap.has( mainEntryFile ) ) {\n\t\t\t\t\t\tmoduleExpressionsMap.set( mainEntryFile, [] );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Running over the submodules and find all the translation call expressions and their translators comment\n\t\t\t\t\t// (e.g `/* translators: %s: name*/ __('Hello %s', 'elementor')`),\n\t\t\t\t\t// extract them and add them to a Map, where the key is the main entry file, and the value is an array of all the\n\t\t\t\t\t// translation call expressions.\n\t\t\t\t\tthis.extractExpressionsFromSubmodule( subModule ).forEach( ( expression ) => {\n\t\t\t\t\t\tmoduleExpressionsMap.get( mainEntryFile ).push( expression );\n\t\t\t\t\t} );\n\t\t\t\t} );\n\t\t\t} );\n\t\t} );\n\n\t\treturn moduleExpressionsMap;\n\t}\n\n\tasync createTranslationsFiles( compilation: Compilation, translationCallExpressions: TranslationCallExpressions ) {\n\t\tconst promises = [ ...compilation.entrypoints ].map( ( [ id, entrypoint ] ) => {\n\t\t\tconst chunk = entrypoint.chunks.find( ( { name } ) => name === id );\n\n\t\t\tif ( ! chunk ) {\n\t\t\t\treturn Promise.resolve();\n\t\t\t}\n\n\t\t\tconst chunkJSFile = this.getFileFromChunk( chunk );\n\n\t\t\tif ( ! chunkJSFile ) {\n\t\t\t\treturn Promise.resolve();\n\t\t\t}\n\n\t\t\tconst { entry } = compilation.options;\n\n\t\t\tif ( ! entry || typeof entry !== 'object' || ! ( id in entry ) ) {\n\t\t\t\tthrow new Error( `Entry must be an object. e.g: {app: './path/to/app.js'}` );\n\t\t\t}\n\n\t\t\tconst mainFilePath = entry[ id ].import?.[ 0 ];\n\n\t\t\tif ( ! mainFilePath ) {\n\t\t\t\tthrow new Error( 'Entry is invalid' );\n\t\t\t}\n\n\t\t\tconst { path: outputPath } = compilation.options.output;\n\n\t\t\tif ( ! outputPath ) {\n\t\t\t\tthrow new Error( 'Output path is invalid' );\n\t\t\t}\n\n\t\t\tconst assetFilename = this.generateTranslationFilename(\n\t\t\t\toutputPath,\n\t\t\t\tcompilation.getPath( '[file]', { filename: chunkJSFile } )\n\t\t\t);\n\n\t\t\tconst assetFileContent = this.generateTranslationFileContent(\n\t\t\t\ttranslationCallExpressions.get( mainFilePath ) || []\n\t\t\t);\n\n\t\t\treturn fs.promises.writeFile( assetFilename, assetFileContent );\n\t\t} );\n\n\t\treturn await Promise.all( promises );\n\t}\n\n\tgetSubModulesToCheck( module: Module ) {\n\t\treturn [ ...( module.modules || [] ), module ]\n\t\t\t.filter( ( subModule ) => this.shouldCheckModule( subModule ) );\n\t}\n\n\tgetFileFromChunk( chunk: Chunk ) {\n\t\treturn [ ...chunk.files ].find( ( f ) => /\\.js$/i.test( f ) );\n\t}\n\n\tshouldCheckModule( module: Module ) {\n\t\treturn MODULE_FILTERS.every( ( filter ) => filter.test( module.userRequest || '' ) );\n\t}\n\n\tfindMainModuleOfEntry( module: Module, compilation: Compilation ) : string | null {\n\t\tconst issuer = compilation.moduleGraph.getIssuer( module );\n\n\t\tif ( issuer ) {\n\t\t\treturn this.findMainModuleOfEntry( issuer, compilation );\n\t\t}\n\n\t\treturn module.rawRequest || null;\n\t}\n\n\textractExpressionsFromSubmodule( subModule: Module ) {\n\t\tconst source = subModule?._source?._valueAsString;\n\n\t\tif ( ! source ) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst translationCallExpressions: TranslationCallExpression[] = [];\n\n\t\t[\n\t\t\t...TRANSLATIONS_REGEXPS,\n\t\t\t...COMMENTS_REGEXPS,\n\t\t].forEach( ( regexp ) => {\n\t\t\t[ ...source.matchAll( regexp ) ].forEach( ( res ) => {\n\t\t\t\ttranslationCallExpressions.push( {\n\t\t\t\t\ttype: COMMENTS_REGEXPS.includes( regexp ) ? 'comment' : 'call-expression',\n\t\t\t\t\tindex: res.index || 0,\n\t\t\t\t\tvalue: res[ 0 ],\n\t\t\t\t} );\n\t\t\t} );\n\t\t} );\n\n\t\treturn translationCallExpressions;\n\t}\n\n\tgenerateTranslationFilename( basePath: string, filename: string ) {\n\t\treturn path.join(\n\t\t\tbasePath,\n\t\t\tfilename.replace( /(\\.min)?\\.js$/i, '.strings.js' )\n\t\t);\n\t}\n\n\tgenerateTranslationFileContent( expressions: TranslationCallExpression[] ) {\n\t\treturn expressions\n\t\t\t// Sort by the index it was found in the file based on the regexp (and not by the order it was added to the array).\n\t\t\t.sort( ( a, b ) => a.index - b.index )\n\t\t\t// Add a semicolon when needed.\n\t\t\t.map( ( expr ) => `${ expr.value }${ expr.type === 'comment' ? '' : ';' }` )\n\t\t\t// Join all the expressions to a single string with line-breaks between them.\n\t\t\t.join( '\\n' );\n\t}\n}\n"],"mappings":"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","names":["promises"]}
+{"version":3,"sources":["../src/plugin.ts","../src/utils.ts"],"sourcesContent":["import * as path from 'path';\nimport * as fs from 'fs';\nimport { Compilation, Compiler } from 'webpack';\nimport { EntrySettings } from './types';\nimport {\n\tcreateStringsFilePath,\n\tgenerateStringsFileContent,\n\tgetFilesContents,\n\tgetFilesPaths,\n} from './utils';\n\ntype Options = {\n\tpattern: ( entryPath: string, entryId: string ) => string;\n}\n\nexport default class ExtractI18nWordpressExpressionsWebpackPlugin {\n\toptions: Options;\n\n\tconstructor( options: Options ) {\n\t\tthis.options = options;\n\t}\n\n\tapply( compiler: Compiler ) {\n\t\tcompiler.hooks.afterEmit.tapPromise( this.constructor.name, async ( compilation ) => {\n\t\t\tconst entries = this.getEntries( compilation );\n\n\t\t\tawait Promise.all(\n\t\t\t\tentries.map( async ( entry ) => {\n\t\t\t\t\tconst fileContents = await getFilesContents(\n\t\t\t\t\t\tawait getFilesPaths( entry.pattern )\n\t\t\t\t\t);\n\n\t\t\t\t\tconst entryContent = generateStringsFileContent( fileContents );\n\n\t\t\t\t\t// Writing manually instead of using `chunk.files.add()` in order to avoid passing\n\t\t\t\t\t// the file through the loaders (transpilers, minifiers, etc.).\n\t\t\t\t\tawait fs.promises.writeFile( entry.path, entryContent );\n\t\t\t\t} )\n\t\t\t);\n\t\t} );\n\t}\n\n\tgetEntries( compilation: Compilation ) {\n\t\treturn [ ...compilation.entrypoints ]\n\t\t\t.map( ( [ id, entrypoint ] ) => {\n\t\t\t\tconst chunk = entrypoint.chunks.find( ( { name } ) => name === id );\n\n\t\t\t\tif ( ! chunk ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst chunkJSFile = [ ...chunk.files ].find( ( f ) => /\\.(js|ts)$/i.test( f ) );\n\n\t\t\t\tif ( ! chunkJSFile ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst { path: basePath } = compilation.options.output;\n\n\t\t\t\tif ( ! basePath ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst filePath = createStringsFilePath( compilation.getPath( '[file]', { filename: chunkJSFile } ) );\n\n\t\t\t\treturn {\n\t\t\t\t\tid,\n\t\t\t\t\tchunk,\n\t\t\t\t\tpath: path.join( basePath, filePath ),\n\t\t\t\t\tpattern: this.options.pattern(\n\t\t\t\t\t\tpath.resolve( process.cwd(), entrypoint.origins[ 0 ].request ),\n\t\t\t\t\t\tid\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t} )\n\t\t\t.filter( Boolean ) as EntrySettings[];\n\t}\n}\n","import { TranslationCallExpression } from './types';\nimport { glob } from 'glob';\nimport * as fs from 'fs';\n\nconst COMMENTS_REGEXPS = [\n\t// Matches translators comment block: `/* translators: %s */`.\n\t/\\/\\*[\\t ]*translators:.*\\*\\//gm,\n\t// Matches translators inline comment: `// translators: %s`.\n\t/(\\/\\/)[\\t ]*translators:[^\\r\\n]*/gm,\n] as const;\n\nconst TRANSLATIONS_REGEXPS = [\n\t// Matches translation functions: `__('Hello', 'elementor')`, `_n('Me', 'Us', 2, 'elementor-pro')`.\n\t/\\b_(?:_|n|nx|x)\\(.*?,\\s*(?<c>['\"`])[\\w-]+\\k<c>\\s*?\\)/sg,\n] as const;\n\nexport function createStringsFilePath( path: string, suffix = '.strings.js' ) {\n\treturn path.replace( /(\\.min)?\\.js$/i, suffix );\n}\n\nexport function getFilesPaths( pattern: string ) {\n\treturn glob( pattern, {\n\t\tignore: {\n\t\t\tignored: ( p ) => ! ( /\\.(js|ts|jsx|tsx)$/.test( p.name ) ),\n\t\t\tchildrenIgnored: ( p ) => p.isNamed( '__tests__' ) || p.isNamed( '__mocks__' ),\n\t\t},\n\n\t\t/**\n\t\t * Fix for Windows paths escaping.\n\t\t * Note: This means we don't support paths with special character (like `*`,`?`, etc.)\n\t\t * and only allow patterns that are constructed using `path.join()` or `path.resolve()`.\n\t\t *\n\t\t * @see https://github.com/isaacs/node-glob#options\n\t\t * @see https://github.com/isaacs/node-glob#windows\n\t\t * @see https://github.com/isaacs/node-glob/issues/212#issuecomment-1449062925\n\t\t */\n\t\twindowsPathsNoEscape: true,\n\t} );\n}\n\nexport function getFilesContents( paths: string[] ) {\n\treturn Promise.all( paths.map( ( filePath ) => fs.promises.readFile( filePath, 'utf-8' ) ) );\n}\n\nexport function generateStringsFileContent( contents: string[] ) {\n\treturn contents\n\t\t.map( ( content, ) => extractExpressions( content ) )\n\t\t.flat()\n\t\t// Add a semicolon when needed.\n\t\t.map( ( expr ) => `${ expr.value }${ expr.type === 'comment' ? '' : ';' }` )\n\t\t// Join all the expressions to a single string with line-breaks between them.\n\t\t.join( '\\n' );\n}\n\nfunction extractExpressions( content: string ): TranslationCallExpression[] {\n\tconst expressions: TranslationCallExpression[] = [];\n\n\t[ ...TRANSLATIONS_REGEXPS, ...COMMENTS_REGEXPS ].forEach( ( regexp ) => {\n\t\t[ ...content.matchAll( regexp ) ].forEach( ( res ) => {\n\t\t\texpressions.push( {\n\t\t\t\ttype: COMMENTS_REGEXPS.includes( regexp ) ? 'comment' : 'call-expression',\n\t\t\t\tindex: res.index || 0,\n\t\t\t\tvalue: res[ 0 ],\n\t\t\t} );\n\t\t} );\n\t} );\n\n\t// Sort by the index it was found in the file based on the regexp (and not by the order it was added to the array).\n\treturn expressions.sort( ( a, b ) => a.index - b.index );\n}\n"],"mappings":"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","names":["fs","path"]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@elementor/extract-i18n-wordpress-expressions-webpack-plugin",
-	"version": "0.2.2",
+	"version": "0.3.0",
 	"private": false,
 	"author": "Elementor Team",
 	"homepage": "https://elementor.com/",
@@ -34,5 +34,8 @@
 	"peerDependencies": {
 		"webpack": "5.x"
 	},
-	"gitHead": "336e3e6cbdd2cb43aa5f8ef9fa7982507f6f2c96"
+	"dependencies": {
+		"glob": "^10.3.4"
+	},
+	"gitHead": "78b248f73923c3ba191c1686526f6df64adb5c72"
 }

package/src/__tests__/__snapshots__/index.test.ts.snap

@@ -1,16 +1,23 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`@elementor/extract-i18n-wordpress-expressions-webpack-plugin should extract translations from scripts 1`] = `
-"__('basic','elementor');
-__('basic with multi-word domain','elementor-pro-domain');
+"__(
+					'Some long text with multiple lines in the function call',
+					'elementor'
+				);
+__( "Unique domain", "some-plugin-slug" );
+// translators: %1$s - special placeholder.
+__('special placeholder %1$s','elementor' );
 // translators: %s - regular comment.
-__('regular comment %s','elementor');
+__( 'regular comment %s','elementor');
 /* translators: %s - comment block. */
-__('comment block %s','elementor');
-// translators: %1$s - special placeholder.
-__('special placeholder %1$s','elementor');
-__('inside console log', 'elementor');
-_n('basic with','plural',2,'elementor');
-_nx('another with','plural',2,'elementor');
-_x('context','elementor');"
+__('comment block %s', 'elementor');
+__( 'inside console log', 'elementor' );
+_n( 'basic with', 'plural', 2, 'elementor' );
+_nx( 'another with' , 'plural' , 2 , 'elementor' );
+_x( 'context', 'elementor' );
+__('hook','elementor');
+__( "Component", 'elementor' );"
 `;
+
+exports[`@elementor/extract-i18n-wordpress-expressions-webpack-plugin should extract translations from scripts 2`] = `"__( 'from app 2', 'elementor' );"`;

package/src/__tests__/index.test.ts

@@ -12,34 +12,78 @@ jest.mock( 'fs', () => jest.requireActual( 'memfs' ) );
 
 describe( '@elementor/extract-i18n-wordpress-expressions-webpack-plugin', () => {
 	beforeEach( () => {
-		const fileContent = `
+		// Entry file.
+		fs.mkdirSync( path.resolve( '/app/dist' ), { recursive: true } );
+		fs.writeFileSync( path.resolve( '/app/dist/index.js' ), '' );
+
+		fs.mkdirSync( path.resolve( '/app2/dist' ), { recursive: true } );
+		fs.writeFileSync( path.resolve( '/app2/dist/index.js' ), '' );
+
+		// Should be in output.
+		fs.mkdirSync( path.resolve( '/app/src' ), { recursive: true } );
+		fs.mkdirSync( path.resolve( '/app/src/components' ), { recursive: true } );
+		fs.mkdirSync( path.resolve( '/app/src/hooks' ), { recursive: true } );
+
+		fs.writeFileSync( path.resolve( '/app/src/components/component.js' ), `
 			export default function Component() {
-				const basic = __('basic','elementor');
+				return __( "Component", 'elementor' );
+			}
+		` );
 
-				const a = 'Some code in the middle';
+		fs.writeFileSync( path.resolve( '/app/src/hooks/hook.ts' ), `
+			export default function useHook() {
+				return __('hook','elementor');
+			}
+		` );
 
-				const basic2 = __('basic with multi-word domain','elementor-pro-domain');
+		fs.writeFileSync( path.resolve( '/app/src/index.js' ), `
+			export default function Index() {
+				__(
+					'Some long text with multiple lines in the function call',
+					'elementor'
+				);
+
+				__( "Unique domain", "some-plugin-slug" );
+
+				// translators: %1$s - special placeholder.
+				const withSpecialPlaceHolder = __('special placeholder %1$s','elementor' );
 
 				// translators: %s - regular comment.
-				const withComment = __('regular comment %s','elementor');
+				const withComment = __( 'regular comment %s','elementor');
 
 				/* translators: %s - comment block. */
-				const withCommentBlock = __('comment block %s','elementor');
-
-				// translators: %1$s - special placeholder.
-				const withSpecialPlaceHolder = __('special placeholder %1$s','elementor');
+				const withCommentBlock = __('comment block %s', 'elementor');
 
-				console.log(__('inside console log', 'elementor'))
+				console.log(__( 'inside console log', 'elementor' ))
 
 				return [
-					_n('basic with','plural',2,'elementor'),
-					_nx('another with','plural',2,'elementor'),
-					_x('context','elementor'),
-					invalid__('invalid','elementor'),
-				]
-			}`;
-
-		fs.writeFileSync( path.resolve( '/app.js' ), fileContent );
+					_n( 'basic with', 'plural', 2, 'elementor' ),
+					_nx( 'another with' , 'plural' , 2 , 'elementor' ),
+					_x( 'context', 'elementor' ),
+					invalid__( 'invalid', 'elementor' ),
+				];
+			}
+		` );
+
+		fs.mkdirSync( path.resolve( '/app2/src' ), { recursive: true } );
+		fs.writeFileSync( path.resolve( '/app2/src/index.js' ), `
+			export const test = __( 'from app 2', 'elementor' );
+		` );
+
+		// Should not be in output.
+		const ignoredContent = `
+			export default function ShouldIgnoreComponent() {
+				return __('should ignore','elementor');
+			}
+		`;
+
+		fs.mkdirSync( path.resolve( '/app/fake-src' ), { recursive: true } );
+		fs.writeFileSync( path.resolve( '/app/fake-src/index.js' ), ignoredContent );
+
+		fs.mkdirSync( path.resolve( '/app/src/__tests__' ), { recursive: true } );
+		fs.writeFileSync( path.resolve( '/app/src/__tests__/mock.test.js' ), ignoredContent );
+
+		fs.writeFileSync( path.resolve( '/app/src/not-a-js-file.txt' ), ignoredContent );
 	} );
 
 	afterEach( () => {
@@ -51,20 +95,20 @@ describe( '@elementor/extract-i18n-wordpress-expressions-webpack-plugin', () =>
 		const compiler = webpack( {
 			mode: 'development',
 			entry: {
-				app: path.resolve( '/app.js' ),
+				app: path.resolve( '/app/dist/index.js' ),
+				app2: path.resolve( '/app2/dist/index.js' ),
 			},
 			output: {
-				filename: '[name].js',
-				path: path.resolve( '/dist' ),
+				filename: '[name]/[name].js',
+				path: path.resolve( '/output' ),
 			},
 			plugins: [
-				new ExtractI18nWordpressExpressionsWebpackPlugin(),
+				new ExtractI18nWordpressExpressionsWebpackPlugin( {
+					pattern: ( entryPath ) => path.resolve( entryPath, '../../src/**/*.{ts,tsx,js,jsx}' ),
+				} ),
 			],
 		} );
 
-		// Expect.
-		expect.assertions( 4 );
-
 		// Act.
 		compiler.run( ( err, stats ) => {
 			// Assert.
@@ -72,9 +116,13 @@ describe( '@elementor/extract-i18n-wordpress-expressions-webpack-plugin', () =>
 			expect( stats?.hasErrors() ).toBe( false );
 			expect( stats?.hasWarnings() ).toBe( false );
 
-			const fileContent = fs.readFileSync( path.resolve( `/dist/app.strings.js` ), { encoding: 'utf8' } );
+			expect(
+				fs.readFileSync( path.resolve( `/output/app/app.strings.js` ), { encoding: 'utf8' } )
+			).toMatchSnapshot();
 
-			expect( fileContent ).toMatchSnapshot();
+			expect(
+				fs.readFileSync( path.resolve( `/output/app2/app2.strings.js` ), { encoding: 'utf8' } )
+			).toMatchSnapshot();
 
 			done();
 		} );

package/src/index.ts

@@ -1,201 +1 @@
-import * as fs from 'fs';
-import * as path from 'path';
-import { Compilation, Compiler, Chunk, Module as WebpackModule } from 'webpack';
-
-type Module = WebpackModule & {
-	userRequest?: string;
-	rawRequest?: string;
-	_source?: {
-		_valueAsString?: string;
-	},
-	modules?: Module[];
-}
-
-type TranslationCallExpression = {
-	type: 'comment' | 'call-expression';
-	index: number;
-	value: string;
-};
-
-type TranslationCallExpressions = Map<string, TranslationCallExpression[]>;
-
-const MODULE_FILTERS = Object.freeze( [ /(([^!?\s]+?)(?:\.js|\.jsx|\.ts|\.tsx))$/, /^((?!node_modules).)*$/ ] );
-
-const COMMENTS_REGEXPS = Object.freeze( [
-	// Matches translators comment block: `/* translators: %s */`.
-	/\/\*[\t ]*translators:.*\*\//gm,
-	/// Matches translators inline comment: `// translators: %s`.
-	/(\/\/)[\t ]*translators:[^\r\n]*/gm,
-] );
-
-const TRANSLATIONS_REGEXPS = Object.freeze( [
-	// Matches translation functions: `__('Hello', 'elementor')`, `_n('Me', 'Us', 2, 'elementor-pro')`.
-	/\b_(?:_|n|nx|x)\(.*?,\s*(?<c>['"`])[\w-]+\k<c>\)/gm,
-] );
-
-export class ExtractI18nWordpressExpressionsWebpackPlugin {
-	apply( compiler: Compiler ) {
-		// Learn more about Webpack plugin system: https://webpack.js.org/api/plugins/
-
-		let translationCallExpressions: TranslationCallExpressions = new Map();
-
-		// Learn more about Webpack compilation process and hooks: https://webpack.js.org/api/compilation-hooks/
-		compiler.hooks.thisCompilation.tap( this.constructor.name, ( compilation ) => {
-			// We tap into the time that Webpack has finished processing all the other assets
-			// learn more: https://webpack.js.org/api/compilation-hooks/#processassets.
-			compilation.hooks.processAssets.tap( { name: this.constructor.name }, () => {
-				translationCallExpressions = this.getModuleExpressionsMap( compilation );
-			} );
-		} );
-
-		compiler.hooks.afterEmit.tapPromise( this.constructor.name, async ( compilation ) => {
-			// Create all the translations files based on the call expressions.
-			await this.createTranslationsFiles( compilation, translationCallExpressions );
-		} );
-	}
-
-	getModuleExpressionsMap( compilation: Compilation ) {
-		const moduleExpressionsMap = new Map();
-
-		[ ...compilation.chunks ].forEach( ( chunk ) => {
-			const chunkJSFile = this.getFileFromChunk( chunk );
-
-			if ( ! chunkJSFile ) {
-				// There's no JS file in this chunk, no work for us. Typically a `style.css` from cache group.
-				return;
-			}
-
-			compilation.chunkGraph.getChunkModules( chunk ).forEach( ( module ) => {
-				this.getSubModulesToCheck( module ).forEach( ( subModule ) => {
-					const mainEntryFile = this.findMainModuleOfEntry( subModule, compilation );
-
-					if ( ! moduleExpressionsMap.has( mainEntryFile ) ) {
-						moduleExpressionsMap.set( mainEntryFile, [] );
-					}
-
-					// Running over the submodules and find all the translation call expressions and their translators comment
-					// (e.g `/* translators: %s: name*/ __('Hello %s', 'elementor')`),
-					// extract them and add them to a Map, where the key is the main entry file, and the value is an array of all the
-					// translation call expressions.
-					this.extractExpressionsFromSubmodule( subModule ).forEach( ( expression ) => {
-						moduleExpressionsMap.get( mainEntryFile ).push( expression );
-					} );
-				} );
-			} );
-		} );
-
-		return moduleExpressionsMap;
-	}
-
-	async createTranslationsFiles( compilation: Compilation, translationCallExpressions: TranslationCallExpressions ) {
-		const promises = [ ...compilation.entrypoints ].map( ( [ id, entrypoint ] ) => {
-			const chunk = entrypoint.chunks.find( ( { name } ) => name === id );
-
-			if ( ! chunk ) {
-				return Promise.resolve();
-			}
-
-			const chunkJSFile = this.getFileFromChunk( chunk );
-
-			if ( ! chunkJSFile ) {
-				return Promise.resolve();
-			}
-
-			const { entry } = compilation.options;
-
-			if ( ! entry || typeof entry !== 'object' || ! ( id in entry ) ) {
-				throw new Error( `Entry must be an object. e.g: {app: './path/to/app.js'}` );
-			}
-
-			const mainFilePath = entry[ id ].import?.[ 0 ];
-
-			if ( ! mainFilePath ) {
-				throw new Error( 'Entry is invalid' );
-			}
-
-			const { path: outputPath } = compilation.options.output;
-
-			if ( ! outputPath ) {
-				throw new Error( 'Output path is invalid' );
-			}
-
-			const assetFilename = this.generateTranslationFilename(
-				outputPath,
-				compilation.getPath( '[file]', { filename: chunkJSFile } )
-			);
-
-			const assetFileContent = this.generateTranslationFileContent(
-				translationCallExpressions.get( mainFilePath ) || []
-			);
-
-			return fs.promises.writeFile( assetFilename, assetFileContent );
-		} );
-
-		return await Promise.all( promises );
-	}
-
-	getSubModulesToCheck( module: Module ) {
-		return [ ...( module.modules || [] ), module ]
-			.filter( ( subModule ) => this.shouldCheckModule( subModule ) );
-	}
-
-	getFileFromChunk( chunk: Chunk ) {
-		return [ ...chunk.files ].find( ( f ) => /\.js$/i.test( f ) );
-	}
-
-	shouldCheckModule( module: Module ) {
-		return MODULE_FILTERS.every( ( filter ) => filter.test( module.userRequest || '' ) );
-	}
-
-	findMainModuleOfEntry( module: Module, compilation: Compilation ) : string | null {
-		const issuer = compilation.moduleGraph.getIssuer( module );
-
-		if ( issuer ) {
-			return this.findMainModuleOfEntry( issuer, compilation );
-		}
-
-		return module.rawRequest || null;
-	}
-
-	extractExpressionsFromSubmodule( subModule: Module ) {
-		const source = subModule?._source?._valueAsString;
-
-		if ( ! source ) {
-			return [];
-		}
-
-		const translationCallExpressions: TranslationCallExpression[] = [];
-
-		[
-			...TRANSLATIONS_REGEXPS,
-			...COMMENTS_REGEXPS,
-		].forEach( ( regexp ) => {
-			[ ...source.matchAll( regexp ) ].forEach( ( res ) => {
-				translationCallExpressions.push( {
-					type: COMMENTS_REGEXPS.includes( regexp ) ? 'comment' : 'call-expression',
-					index: res.index || 0,
-					value: res[ 0 ],
-				} );
-			} );
-		} );
-
-		return translationCallExpressions;
-	}
-
-	generateTranslationFilename( basePath: string, filename: string ) {
-		return path.join(
-			basePath,
-			filename.replace( /(\.min)?\.js$/i, '.strings.js' )
-		);
-	}
-
-	generateTranslationFileContent( expressions: TranslationCallExpression[] ) {
-		return expressions
-			// Sort by the index it was found in the file based on the regexp (and not by the order it was added to the array).
-			.sort( ( a, b ) => a.index - b.index )
-			// Add a semicolon when needed.
-			.map( ( expr ) => `${ expr.value }${ expr.type === 'comment' ? '' : ';' }` )
-			// Join all the expressions to a single string with line-breaks between them.
-			.join( '\n' );
-	}
-}
+export { default as ExtractI18nWordpressExpressionsWebpackPlugin } from './plugin';

package/src/plugin.ts

@@ -0,0 +1,78 @@
+import * as path from 'path';
+import * as fs from 'fs';
+import { Compilation, Compiler } from 'webpack';
+import { EntrySettings } from './types';
+import {
+	createStringsFilePath,
+	generateStringsFileContent,
+	getFilesContents,
+	getFilesPaths,
+} from './utils';
+
+type Options = {
+	pattern: ( entryPath: string, entryId: string ) => string;
+}
+
+export default class ExtractI18nWordpressExpressionsWebpackPlugin {
+	options: Options;
+
+	constructor( options: Options ) {
+		this.options = options;
+	}
+
+	apply( compiler: Compiler ) {
+		compiler.hooks.afterEmit.tapPromise( this.constructor.name, async ( compilation ) => {
+			const entries = this.getEntries( compilation );
+
+			await Promise.all(
+				entries.map( async ( entry ) => {
+					const fileContents = await getFilesContents(
+						await getFilesPaths( entry.pattern )
+					);
+
+					const entryContent = generateStringsFileContent( fileContents );
+
+					// Writing manually instead of using `chunk.files.add()` in order to avoid passing
+					// the file through the loaders (transpilers, minifiers, etc.).
+					await fs.promises.writeFile( entry.path, entryContent );
+				} )
+			);
+		} );
+	}
+
+	getEntries( compilation: Compilation ) {
+		return [ ...compilation.entrypoints ]
+			.map( ( [ id, entrypoint ] ) => {
+				const chunk = entrypoint.chunks.find( ( { name } ) => name === id );
+
+				if ( ! chunk ) {
+					return null;
+				}
+
+				const chunkJSFile = [ ...chunk.files ].find( ( f ) => /\.(js|ts)$/i.test( f ) );
+
+				if ( ! chunkJSFile ) {
+					return null;
+				}
+
+				const { path: basePath } = compilation.options.output;
+
+				if ( ! basePath ) {
+					return null;
+				}
+
+				const filePath = createStringsFilePath( compilation.getPath( '[file]', { filename: chunkJSFile } ) );
+
+				return {
+					id,
+					chunk,
+					path: path.join( basePath, filePath ),
+					pattern: this.options.pattern(
+						path.resolve( process.cwd(), entrypoint.origins[ 0 ].request ),
+						id
+					),
+				};
+			} )
+			.filter( Boolean ) as EntrySettings[];
+	}
+}

package/src/types.ts

@@ -0,0 +1,14 @@
+import { Chunk } from 'webpack';
+
+export type EntrySettings = {
+	id: string,
+	chunk: Chunk,
+	path: string,
+	pattern: string,
+}
+
+export type TranslationCallExpression = {
+	type: 'comment' | 'call-expression',
+	index: number,
+	value: string,
+};

package/src/utils.ts

@@ -0,0 +1,70 @@
+import { TranslationCallExpression } from './types';
+import { glob } from 'glob';
+import * as fs from 'fs';
+
+const COMMENTS_REGEXPS = [
+	// Matches translators comment block: `/* translators: %s */`.
+	/\/\*[\t ]*translators:.*\*\//gm,
+	// Matches translators inline comment: `// translators: %s`.
+	/(\/\/)[\t ]*translators:[^\r\n]*/gm,
+] as const;
+
+const TRANSLATIONS_REGEXPS = [
+	// Matches translation functions: `__('Hello', 'elementor')`, `_n('Me', 'Us', 2, 'elementor-pro')`.
+	/\b_(?:_|n|nx|x)\(.*?,\s*(?<c>['"`])[\w-]+\k<c>\s*?\)/sg,
+] as const;
+
+export function createStringsFilePath( path: string, suffix = '.strings.js' ) {
+	return path.replace( /(\.min)?\.js$/i, suffix );
+}
+
+export function getFilesPaths( pattern: string ) {
+	return glob( pattern, {
+		ignore: {
+			ignored: ( p ) => ! ( /\.(js|ts|jsx|tsx)$/.test( p.name ) ),
+			childrenIgnored: ( p ) => p.isNamed( '__tests__' ) || p.isNamed( '__mocks__' ),
+		},
+
+		/**
+		 * Fix for Windows paths escaping.
+		 * Note: This means we don't support paths with special character (like `*`,`?`, etc.)
+		 * and only allow patterns that are constructed using `path.join()` or `path.resolve()`.
+		 *
+		 * @see https://github.com/isaacs/node-glob#options
+		 * @see https://github.com/isaacs/node-glob#windows
+		 * @see https://github.com/isaacs/node-glob/issues/212#issuecomment-1449062925
+		 */
+		windowsPathsNoEscape: true,
+	} );
+}
+
+export function getFilesContents( paths: string[] ) {
+	return Promise.all( paths.map( ( filePath ) => fs.promises.readFile( filePath, 'utf-8' ) ) );
+}
+
+export function generateStringsFileContent( contents: string[] ) {
+	return contents
+		.map( ( content, ) => extractExpressions( content ) )
+		.flat()
+		// Add a semicolon when needed.
+		.map( ( expr ) => `${ expr.value }${ expr.type === 'comment' ? '' : ';' }` )
+		// Join all the expressions to a single string with line-breaks between them.
+		.join( '\n' );
+}
+
+function extractExpressions( content: string ): TranslationCallExpression[] {
+	const expressions: TranslationCallExpression[] = [];
+
+	[ ...TRANSLATIONS_REGEXPS, ...COMMENTS_REGEXPS ].forEach( ( regexp ) => {
+		[ ...content.matchAll( regexp ) ].forEach( ( res ) => {
+			expressions.push( {
+				type: COMMENTS_REGEXPS.includes( regexp ) ? 'comment' : 'call-expression',
+				index: res.index || 0,
+				value: res[ 0 ],
+			} );
+		} );
+	} );
+
+	// Sort by the index it was found in the file based on the regexp (and not by the order it was added to the array).
+	return expressions.sort( ( a, b ) => a.index - b.index );
+}