create-sitecore-jss 22.2.0-canary.53 → 22.2.0-canary.54

package/dist/templates/angular/src/app/app.module.ts

@@ -20,7 +20,8 @@ import { JssContextService } from './jss-context.service';
     TranslateModule.forRoot({
       loader: {
         provide: TranslateLoader,
-        useFactory: () => new JssTranslationClientLoaderService(new JssTranslationLoaderService()),
+        useFactory: (transferState: TransferState) =>
+          new JssTranslationClientLoaderService(new JssTranslationLoaderService(), transferState),
         deps: [HttpClient, TransferState],
       },
     }),

package/dist/templates/angular/src/app/i18n/jss-translation-client-loader.service.ts

@@ -1,16 +1,23 @@
-import { makeStateKey, Injectable } from '@angular/core';
+import { makeStateKey, Injectable, TransferState } from '@angular/core';
 import { TranslateLoader } from '@ngx-translate/core';
-import { EMPTY } from 'rxjs';
+import { EMPTY, of } from 'rxjs';
 
-export const dictionaryStateKey = makeStateKey('jssDictionary');
+export const dictionaryStateKey = makeStateKey<{ [key: string]: string }>('jssDictionary');
 
 @Injectable()
 export class JssTranslationClientLoaderService implements TranslateLoader {
-  constructor(
-    private fallbackLoader: TranslateLoader,
-  ) { }
+  constructor(private fallbackLoader: TranslateLoader, private transferState: TransferState) {}
 
   getTranslation(lang: string) {
+    const storedDictionary = this.transferState.get<{ [key: string]: string } | null>(
+      dictionaryStateKey,
+      null
+    );
+
+    if (storedDictionary !== null && Object.keys(storedDictionary).length > 0) {
+      return of(storedDictionary);
+    }
+
     if (!this.fallbackLoader) {
       return EMPTY;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-sitecore-jss",
-  "version": "22.2.0-canary.53",
+  "version": "22.2.0-canary.54",
   "description": "Sitecore JSS initializer",
   "bin": "./dist/index.js",
   "scripts": {
@@ -63,5 +63,5 @@
     "ts-node": "^10.9.1",
     "typescript": "~4.9.5"
   },
-  "gitHead": "3fab1ea7316a7f74584a8e324844e04cf6be4c71"
+  "gitHead": "8680dbba433414dcc7963f9ae66e71ce85814b96"
 }