feat(compiler): load only client translations when in client mode

maxprilutskiy · maxprilutskiy · commit 870f2021f3c5 · 2024-03-23T00:13:09.000+01:00
diff --git a/demo/next/next.config.mjs b/demo/next/next.config.mjs
@@ -13,3 +13,4 @@ export default compiler.next(
   replexicaConfig,
   nextConfig,
 );
+
diff --git a/demo/next/src/app/layout.tsx b/demo/next/src/app/layout.tsx
@@ -17,7 +17,7 @@ export default async function RootLayout({
   children: React.ReactNode;
 }>) {
   const locale = await loadLocaleFromCookie();
-  const localeData = await import(`@replexica/translations/${locale}.json`).then((m) => m.default);
+  const localeData = await import(`@replexica/translations/${locale}.client.json`).then((m) => m.default);
   return (
     <ReplexicaIntlProvider data={localeData}>
       <html lang={locale}>
diff --git a/packages/compiler/src/index.ts b/packages/compiler/src/index.ts
@@ -29,7 +29,8 @@ const unplugin = createUnplugin<ReplexicaConfig>((options) => ({
   
       const outputProcessor = ReplexicaOutputProcessor.create(relativeFilePath, options);
       outputProcessor.saveData(compiler.data);
-      outputProcessor.saveSourceLocaleData(compiler.data);
+      outputProcessor.saveFullSourceLocaleData(compiler.data);
+      outputProcessor.saveClientSourceLocaleData(compiler.data);
   
       if (options.debug) {
         outputProcessor.saveAst(compiler.ast);
diff --git a/packages/compiler/src/output.ts b/packages/compiler/src/output.ts
@@ -30,16 +30,35 @@ export class ReplexicaOutputProcessor {
     this._saveObject(filePath, newData);
   }
 
+  public saveFullSourceLocaleData(data: ReplexicaCompilerData) {
+    const fileName = `${this.options.sourceLocale}.json`;
+    this._saveSourceLocaleData(data, fileName);
+  }
+
+  public saveClientSourceLocaleData(data: ReplexicaCompilerData) {
+    const fileName = `${this.options.sourceLocale}.client.json`;
+    this._saveSourceLocaleData(
+      data, 
+      fileName, 
+      (fileData) => fileData.context.isClient,
+    );
+  }
 
-  public saveSourceLocaleData(data: ReplexicaCompilerData) {
+  private _saveSourceLocaleData(
+    data: ReplexicaCompilerData,
+    fileName: string,
+    fileDataPredicate: (fileData: ReplexicaCompilerData['']) => boolean = () => true,
+  ) {
     const existingData: ReplexicaLocaleData =
-      this._loadObject<ReplexicaLocaleData>(path.join(this._outDir, `${this.options.sourceLocale}.json`)) ||
+      this._loadObject<ReplexicaLocaleData>(path.join(this._outDir, fileName)) ||
       this._createEmptyLocaleData();
 
     const newLocaleData: ReplexicaLocaleData = {
       ...existingData,
     };
     for (const [fileId, fileData] of Object.entries(data)) {
+      if (!fileDataPredicate(fileData)) { continue; }
+
       newLocaleData[fileId] = {};
       for (const [scopeId, scopeData] of Object.entries(fileData.data)) {
         for (const [chunkId, value] of Object.entries(scopeData.data)) {
@@ -56,7 +75,7 @@ export class ReplexicaOutputProcessor {
         delete newLocaleData[fileId];
       }
     }
-    const filePath = path.join(this._outDir, `${this.options.sourceLocale}.json`);
+    const filePath = path.join(this._outDir, fileName);
     this._saveObject(filePath, newLocaleData);
   }
 
