Add module type support in i18next framework output file

lib/src/formatters/frameworks/json/base.ts

@@ -8,7 +8,7 @@ export default class BaseFramework {
 
   constructor(output: Output) {
     this.output = output;
-    this.outDir = output.outDir ?? appContext.projectConfigDir;
+    this.outDir = output.outDir ?? appContext.outDir;
   }
 
   get framework() {

lib/src/formatters/frameworks/json/i18next.ts

@@ -12,6 +12,11 @@ export default class I18NextFramework extends applyMixins(
   process(
     outputJsonFiles: Record<string, JSONOutputFile<{ variantId: string }>>
   ) {
+    let moduleType: "commonjs" | "module" = "commonjs";
+    if ("type" in this.output && this.output.type) {
+      moduleType = this.output.type;
+    }
+
     const driverFile = new JavascriptOutputFile({
       filename: "index",
       path: this.outDir,
@@ -27,13 +32,23 @@ export default class I18NextFramework extends applyMixins(
       {} as Record<string, OutputFile[]>
     );
 
-    driverFile.content += this.generateImportStatements(outputJsonFiles);
+    if (moduleType === "module") {
+      driverFile.content += this.generateImportStatements(outputJsonFiles);
 
-    driverFile.content += `\n`;
+      driverFile.content += `\n`;
 
-    driverFile.content += this.generateDefaultExportString(
-      filesGroupedByVariantId
-    );
+      driverFile.content += this.codegenDefaultExport(
+        this.generateExportedObjectString(filesGroupedByVariantId)
+      );
+    } else {
+      driverFile.content += this.generateRequireStatements(outputJsonFiles);
+
+      driverFile.content += `\n`;
+
+      driverFile.content += this.codegenModuleExports(
+        this.generateExportedObjectString(filesGroupedByVariantId)
+      );
+    }
 
     return [driverFile];
   }
@@ -56,12 +71,30 @@ export default class I18NextFramework extends applyMixins(
     return importStatements;
   }
 
+  /**
+   * Generates the require statements for the driver file. One require per generated json file.
+   * @param outputJsonFiles - The output json files.
+   * @returns The require statements, stringified.
+   */
+  private generateRequireStatements(
+    outputJsonFiles: Record<string, JSONOutputFile<{ variantId: string }>>
+  ) {
+    let requireStatements = "";
+    for (const file of Object.values(outputJsonFiles)) {
+      requireStatements += this.codegenDefaultRequire(
+        this.sanitizeStringForJSVariableName(file.filename),
+        `./${file.filenameWithExtension}`
+      );
+    }
+    return requireStatements;
+  }
+
   /**
    * Generates the default export for the driver file. By default this is an object with the json imports grouped by variant id.
    * @param filesGroupedByVariantId - The files grouped by variant id.
    * @returns The default export, stringified.
    */
-  private generateDefaultExportString(
+  private generateExportedObjectString(
     filesGroupedByVariantId: Record<string, OutputFile[]>
   ) {
     const variantIds = Object.keys(filesGroupedByVariantId);
@@ -85,6 +118,6 @@ export default class I18NextFramework extends applyMixins(
 
     defaultExportObjectString += `}`;
 
-    return this.codegenDefaultExport(defaultExportObjectString);
+    return defaultExportObjectString;
   }
 }

lib/src/formatters/json.ts

@@ -37,7 +37,7 @@ export default class JSONFormatter extends applyMixins(
 
     const variablesOutputFile = new JSONOutputFile({
       filename: "variables",
-      path: this.outputDir,
+      path: this.outDir,
     });
 
     for (let i = 0; i < data.textItems.length; i++) {
@@ -47,7 +47,7 @@ export default class JSONFormatter extends applyMixins(
 
       outputJsonFiles[fileName] ??= new JSONOutputFile({
         filename: fileName,
-        path: this.outputDir,
+        path: this.outDir,
         metadata: { variantId: textItem.variantId || "base" },
       });
 

lib/src/formatters/mixins/javascriptCodegenMixin.ts

@@ -33,10 +33,18 @@ export default function javascriptCodegenMixin<TBase extends Constructor>(
       return `import ${module} from "${moduleName}";\n`;
     }
 
+    protected codegenDefaultRequire(module: string, moduleName: string) {
+      return `const ${module} = require("${moduleName}");\n`;
+    }
+
     protected codegenDefaultExport(module: string) {
       return `export default ${module};`;
     }
 
+    protected codegenModuleExports(module: string) {
+      return `module.exports = ${module};`;
+    }
+
     protected codegenPad(depth: number) {
       return " ".repeat(depth * this.indentSpaces);
     }

lib/src/formatters/shared/base.ts

@@ -8,12 +8,12 @@ import appContext from "../../utils/appContext";
 export default class BaseFormatter<APIDataType = unknown> {
   protected output: Output;
   protected projectConfig: ProjectConfigYAML;
-  protected outputDir: string;
+  protected outDir: string;
 
   constructor(output: Output, projectConfig: ProjectConfigYAML) {
     this.output = output;
     this.projectConfig = projectConfig;
-    this.outputDir = output.outDir ?? appContext.outDir;
+    this.outDir = output.outDir ?? appContext.outDir;
   }
 
   protected async fetchAPIData(): Promise<APIDataType> {

lib/src/outputs/json.ts

@@ -8,6 +8,7 @@ const ZBaseJSONOutput = ZBaseOutputFilters.extend({
 
 const Zi18NextJSONOutput = ZBaseJSONOutput.extend({
   framework: z.literal("i18next"),
+  type: z.literal("module").or(z.literal("commonjs")).optional(),
 });
 
 export const ZJSONOutput = z.discriminatedUnion("framework", [