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

package/dist/index.d.mts

@@ -0,0 +1,30 @@
+import { Compiler, Compilation, Chunk, Module as Module$1 } from 'webpack';
+
+type Module = Module$1 & {
+    userRequest?: string;
+    rawRequest?: string;
+    _source?: {
+        _valueAsString?: string;
+    };
+    modules?: Module[];
+};
+type TranslationCallExpression = {
+    type: 'comment' | 'call-expression';
+    index: number;
+    value: string;
+};
+type TranslationCallExpressions = Map<string, TranslationCallExpression[]>;
+declare class ExtractI18nWordpressExpressionsWebpackPlugin {
+    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;
+}
+
+export { ExtractI18nWordpressExpressionsWebpackPlugin };

package/dist/index.d.ts

@@ -0,0 +1,30 @@
+import { Compiler, Compilation, Chunk, Module as Module$1 } from 'webpack';
+
+type Module = Module$1 & {
+    userRequest?: string;
+    rawRequest?: string;
+    _source?: {
+        _valueAsString?: string;
+    };
+    modules?: Module[];
+};
+type TranslationCallExpression = {
+    type: 'comment' | 'call-expression';
+    index: number;
+    value: string;
+};
+type TranslationCallExpressions = Map<string, TranslationCallExpression[]>;
+declare class ExtractI18nWordpressExpressionsWebpackPlugin {
+    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;
+}
+
+export { ExtractI18nWordpressExpressionsWebpackPlugin };

package/dist/index.js

@@ -0,0 +1,165 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ExtractI18nWordpressExpressionsWebpackPlugin: () => ExtractI18nWordpressExpressionsWebpackPlugin
+});
+module.exports = __toCommonJS(src_exports);
+var fs = __toESM(require("fs"));
+var path = __toESM(require("path"));
+var MODULE_FILTERS = Object.freeze([/(([^!?\s]+?)(?:\.js|\.jsx|\.ts|\.tsx))$/, /^((?!node_modules).)*$/]);
+var COMMENTS_REGEXPS = Object.freeze([
+  // Matches translators comment block: `/* translators: %s */`.
+  /\/\*[\t ]*translators:.*\*\//gm,
+  /// Matches translators inline comment: `// translators: %s`.
+  /(\/\/)[\t ]*translators:[^\r\n]*/gm
+]);
+var 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
+]);
+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);
+      });
+    });
+    compiler.hooks.afterEmit.tapPromise(this.constructor.name, async (compilation) => {
+      await this.createTranslationsFiles(compilation, translationCallExpressions);
+    });
+  }
+  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);
+          });
+        });
+      });
+    });
+    return moduleExpressionsMap;
+  }
+  async createTranslationsFiles(compilation, translationCallExpressions) {
+    const promises2 = [...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(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");
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ExtractI18nWordpressExpressionsWebpackPlugin
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAoB;AACpB,WAAsB;AAoBtB,IAAM,iBAAiB,OAAO,OAAQ,CAAE,2CAA2C,wBAAyB,CAAE;AAE9G,IAAM,mBAAmB,OAAO,OAAQ;AAAA;AAAA,EAEvC;AAAA;AAAA,EAEA;AACD,CAAE;AAEF,IAAM,uBAAuB,OAAO,OAAQ;AAAA;AAAA,EAE3C;AACD,CAAE;AAEK,IAAM,+CAAN,MAAmD;AAAA,EACzD,MAAO,UAAqB;AAG3B,QAAI,6BAAyD,oBAAI,IAAI;AAGrE,aAAS,MAAM,gBAAgB,IAAK,KAAK,YAAY,MAAM,CAAE,gBAAiB;AAG7E,kBAAY,MAAM,cAAc,IAAK,EAAE,MAAM,KAAK,YAAY,KAAK,GAAG,MAAM;AAC3E,qCAA6B,KAAK,wBAAyB,WAAY;AAAA,MACxE,CAAE;AAAA,IACH,CAAE;AAEF,aAAS,MAAM,UAAU,WAAY,KAAK,YAAY,MAAM,OAAQ,gBAAiB;AAEpF,YAAM,KAAK,wBAAyB,aAAa,0BAA2B;AAAA,IAC7E,CAAE;AAAA,EACH;AAAA,EAEA,wBAAyB,aAA2B;AACnD,UAAM,uBAAuB,oBAAI,IAAI;AAErC,KAAE,GAAG,YAAY,MAAO,EAAE,QAAS,CAAE,UAAW;AAC/C,YAAM,cAAc,KAAK,iBAAkB,KAAM;AAEjD,UAAK,CAAE,aAAc;AAEpB;AAAA,MACD;AAEA,kBAAY,WAAW,gBAAiB,KAAM,EAAE,QAAS,CAAEA,YAAY;AACtE,aAAK,qBAAsBA,OAAO,EAAE,QAAS,CAAE,cAAe;AAC7D,gBAAM,gBAAgB,KAAK,sBAAuB,WAAW,WAAY;AAEzE,cAAK,CAAE,qBAAqB,IAAK,aAAc,GAAI;AAClD,iCAAqB,IAAK,eAAe,CAAC,CAAE;AAAA,UAC7C;AAMA,eAAK,gCAAiC,SAAU,EAAE,QAAS,CAAE,eAAgB;AAC5E,iCAAqB,IAAK,aAAc,EAAE,KAAM,UAAW;AAAA,UAC5D,CAAE;AAAA,QACH,CAAE;AAAA,MACH,CAAE;AAAA,IACH,CAAE;AAEF,WAAO;AAAA,EACR;AAAA,EAEA,MAAM,wBAAyB,aAA0B,4BAAyD;AACjH,UAAMC,YAAW,CAAE,GAAG,YAAY,WAAY,EAAE,IAAK,CAAE,CAAE,IAAI,UAAW,MAAO;AAC9E,YAAM,QAAQ,WAAW,OAAO,KAAM,CAAE,EAAE,KAAK,MAAO,SAAS,EAAG;AAElE,UAAK,CAAE,OAAQ;AACd,eAAO,QAAQ,QAAQ;AAAA,MACxB;AAEA,YAAM,cAAc,KAAK,iBAAkB,KAAM;AAEjD,UAAK,CAAE,aAAc;AACpB,eAAO,QAAQ,QAAQ;AAAA,MACxB;AAEA,YAAM,EAAE,MAAM,IAAI,YAAY;AAE9B,UAAK,CAAE,SAAS,OAAO,UAAU,YAAY,EAAI,MAAM,QAAU;AAChE,cAAM,IAAI,MAAO,yDAA0D;AAAA,MAC5E;AAEA,YAAM,eAAe,MAAO,EAAG,EAAE,SAAU,CAAE;AAE7C,UAAK,CAAE,cAAe;AACrB,cAAM,IAAI,MAAO,kBAAmB;AAAA,MACrC;AAEA,YAAM,EAAE,MAAM,WAAW,IAAI,YAAY,QAAQ;AAEjD,UAAK,CAAE,YAAa;AACnB,cAAM,IAAI,MAAO,wBAAyB;AAAA,MAC3C;AAEA,YAAM,gBAAgB,KAAK;AAAA,QAC1B;AAAA,QACA,YAAY,QAAS,UAAU,EAAE,UAAU,YAAY,CAAE;AAAA,MAC1D;AAEA,YAAM,mBAAmB,KAAK;AAAA,QAC7B,2BAA2B,IAAK,YAAa,KAAK,CAAC;AAAA,MACpD;AAEA,aAAU,YAAS,UAAW,eAAe,gBAAiB;AAAA,IAC/D,CAAE;AAEF,WAAO,MAAM,QAAQ,IAAKA,SAAS;AAAA,EACpC;AAAA,EAEA,qBAAsBD,SAAiB;AACtC,WAAO,CAAE,GAAKA,QAAO,WAAW,CAAC,GAAKA,OAAO,EAC3C,OAAQ,CAAE,cAAe,KAAK,kBAAmB,SAAU,CAAE;AAAA,EAChE;AAAA,EAEA,iBAAkB,OAAe;AAChC,WAAO,CAAE,GAAG,MAAM,KAAM,EAAE,KAAM,CAAE,MAAO,SAAS,KAAM,CAAE,CAAE;AAAA,EAC7D;AAAA,EAEA,kBAAmBA,SAAiB;AACnC,WAAO,eAAe,MAAO,CAAE,WAAY,OAAO,KAAMA,QAAO,eAAe,EAAG,CAAE;AAAA,EACpF;AAAA,EAEA,sBAAuBA,SAAgB,aAA2C;AACjF,UAAM,SAAS,YAAY,YAAY,UAAWA,OAAO;AAEzD,QAAK,QAAS;AACb,aAAO,KAAK,sBAAuB,QAAQ,WAAY;AAAA,IACxD;AAEA,WAAOA,QAAO,cAAc;AAAA,EAC7B;AAAA,EAEA,gCAAiC,WAAoB;AACpD,UAAM,SAAS,WAAW,SAAS;AAEnC,QAAK,CAAE,QAAS;AACf,aAAO,CAAC;AAAA,IACT;AAEA,UAAM,6BAA0D,CAAC;AAEjE;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,IACJ,EAAE,QAAS,CAAE,WAAY;AACxB,OAAE,GAAG,OAAO,SAAU,MAAO,CAAE,EAAE,QAAS,CAAE,QAAS;AACpD,mCAA2B,KAAM;AAAA,UAChC,MAAM,iBAAiB,SAAU,MAAO,IAAI,YAAY;AAAA,UACxD,OAAO,IAAI,SAAS;AAAA,UACpB,OAAO,IAAK,CAAE;AAAA,QACf,CAAE;AAAA,MACH,CAAE;AAAA,IACH,CAAE;AAEF,WAAO;AAAA,EACR;AAAA,EAEA,4BAA6B,UAAkB,UAAmB;AACjE,WAAY;AAAA,MACX;AAAA,MACA,SAAS,QAAS,kBAAkB,aAAc;AAAA,IACnD;AAAA,EACD;AAAA,EAEA,+BAAgC,aAA2C;AAC1E,WAAO,YAEL,KAAM,CAAE,GAAG,MAAO,EAAE,QAAQ,EAAE,KAAM,EAEpC,IAAK,CAAE,SAAU,GAAI,KAAK,KAAM,GAAI,KAAK,SAAS,YAAY,KAAK,GAAI,EAAG,EAE1E,KAAM,IAAK;AAAA,EACd;AACD;","names":["module","promises"]}

package/dist/index.mjs

@@ -0,0 +1,130 @@
+// src/index.ts
+import * as fs from "fs";
+import * as path from "path";
+var MODULE_FILTERS = Object.freeze([/(([^!?\s]+?)(?:\.js|\.jsx|\.ts|\.tsx))$/, /^((?!node_modules).)*$/]);
+var COMMENTS_REGEXPS = Object.freeze([
+  // Matches translators comment block: `/* translators: %s */`.
+  /\/\*[\t ]*translators:.*\*\//gm,
+  /// Matches translators inline comment: `// translators: %s`.
+  /(\/\/)[\t ]*translators:[^\r\n]*/gm
+]);
+var 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
+]);
+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);
+      });
+    });
+    compiler.hooks.afterEmit.tapPromise(this.constructor.name, async (compilation) => {
+      await this.createTranslationsFiles(compilation, translationCallExpressions);
+    });
+  }
+  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);
+          });
+        });
+      });
+    });
+    return moduleExpressionsMap;
+  }
+  async createTranslationsFiles(compilation, translationCallExpressions) {
+    const promises2 = [...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(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");
+  }
+};
+export {
+  ExtractI18nWordpressExpressionsWebpackPlugin
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +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"]}

package/package.json

@@ -0,0 +1,38 @@
+{
+	"name": "@elementor/extract-i18n-wordpress-expressions-webpack-plugin",
+	"version": "0.2.2",
+	"private": false,
+	"author": "Elementor Team",
+	"homepage": "https://elementor.com/",
+	"license": "GPL-3.0-or-later",
+	"main": "dist/index.js",
+	"module": "dist/index.mjs",
+	"types": "dist/index.d.ts",
+	"exports": {
+		".": {
+			"import": "./dist/index.mjs",
+			"require": "./dist/index.js",
+			"types": "./dist/index.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/elementor/elementor-packages.git",
+		"directory": "packages/tools/extract-i18n-wordpress-expressions-webpack-plugin"
+	},
+	"bugs": {
+		"url": "https://github.com/elementor/elementor-packages/issues"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"scripts": {
+		"build": "tsup --config=../../tsup.build.ts",
+		"dev": "tsup --config=../../tsup.dev.ts --format=esm,cjs"
+	},
+	"peerDependencies": {
+		"webpack": "5.x"
+	},
+	"gitHead": "336e3e6cbdd2cb43aa5f8ef9fa7982507f6f2c96"
+}

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

@@ -0,0 +1,16 @@
+// 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');
+// translators: %s - regular comment.
+__('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');"
+`;

package/src/__tests__/index.test.ts

@@ -0,0 +1,82 @@
+/**
+ * @jest-environment node
+ */
+
+import * as fs from 'fs';
+import * as path from 'path';
+import { webpack } from 'webpack';
+import { ExtractI18nWordpressExpressionsWebpackPlugin } from '../index';
+import { vol } from 'memfs';
+
+jest.mock( 'fs', () => jest.requireActual( 'memfs' ) );
+
+describe( '@elementor/extract-i18n-wordpress-expressions-webpack-plugin', () => {
+	beforeEach( () => {
+		const fileContent = `
+			export default function Component() {
+				const basic = __('basic','elementor');
+
+				const a = 'Some code in the middle';
+
+				const basic2 = __('basic with multi-word domain','elementor-pro-domain');
+
+				// translators: %s - regular comment.
+				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');
+
+				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 );
+	} );
+
+	afterEach( () => {
+		vol.reset();
+	} );
+
+	it( 'should extract translations from scripts', ( done ) => {
+		// Arrange.
+		const compiler = webpack( {
+			mode: 'development',
+			entry: {
+				app: path.resolve( '/app.js' ),
+			},
+			output: {
+				filename: '[name].js',
+				path: path.resolve( '/dist' ),
+			},
+			plugins: [
+				new ExtractI18nWordpressExpressionsWebpackPlugin(),
+			],
+		} );
+
+		// Expect.
+		expect.assertions( 4 );
+
+		// Act.
+		compiler.run( ( err, stats ) => {
+			// Assert.
+			expect( err ).toBe( null );
+			expect( stats?.hasErrors() ).toBe( false );
+			expect( stats?.hasWarnings() ).toBe( false );
+
+			const fileContent = fs.readFileSync( path.resolve( `/dist/app.strings.js` ), { encoding: 'utf8' } );
+
+			expect( fileContent ).toMatchSnapshot();
+
+			done();
+		} );
+	} );
+} );