@common-stack/generate-plugin 6.0.8-alpha.3 → 6.0.8-alpha.30

package/CHANGELOG.md

@@ -3,6 +3,114 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.0.8-alpha.30](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.29...v6.0.8-alpha.30) (2025-01-27)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.29](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.28...v6.0.8-alpha.29) (2025-01-27)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.28](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.27...v6.0.8-alpha.28) (2025-01-27)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.27](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.26...v6.0.8-alpha.27) (2025-01-27)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.26](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.25...v6.0.8-alpha.26) (2025-01-27)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.25](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.24...v6.0.8-alpha.25) (2025-01-27)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.24](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.23...v6.0.8-alpha.24) (2025-01-27)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.23](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.22...v6.0.8-alpha.23) (2025-01-22)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.22](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.21...v6.0.8-alpha.22) (2025-01-20)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.21](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.20...v6.0.8-alpha.21) (2025-01-19)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.20](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.19...v6.0.8-alpha.20) (2025-01-17)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.19](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.18...v6.0.8-alpha.19) (2025-01-14)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.18](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.17...v6.0.8-alpha.18) (2025-01-11)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.17](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.16...v6.0.8-alpha.17) (2025-01-08)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.16](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.15...v6.0.8-alpha.16) (2025-01-08)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.15](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.14...v6.0.8-alpha.15) (2025-01-03)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.14](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.13...v6.0.8-alpha.14) (2024-12-30)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.13](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.12...v6.0.8-alpha.13) (2024-12-30)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.12](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.11...v6.0.8-alpha.12) (2024-12-29)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.11](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.10...v6.0.8-alpha.11) (2024-12-29)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.10](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.9...v6.0.8-alpha.10) (2024-12-20)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.9](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.8...v6.0.8-alpha.9) (2024-12-20)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.8](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.7...v6.0.8-alpha.8) (2024-12-19)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.7](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.6...v6.0.8-alpha.7) (2024-12-19)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.6](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.5...v6.0.8-alpha.6) (2024-12-19)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.5](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.4...v6.0.8-alpha.5) (2024-12-19)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
+## [6.0.8-alpha.4](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.3...v6.0.8-alpha.4) (2024-12-19)
+
+**Note:** Version bump only for package @common-stack/generate-plugin
+
 ## [6.0.8-alpha.3](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.2...v6.0.8-alpha.3) (2024-12-19)
 
 **Note:** Version bump only for package @common-stack/generate-plugin
@@ -253,18 +361,18 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ### Bug Fixes
 
--   **server-stack:** apollo server redis cache ([2ef1df3](https://github.com/cdmbase/common-stack/commit/2ef1df30176616baf9816c47168687577f7aa8ff))
+- **server-stack:** apollo server redis cache ([2ef1df3](https://github.com/cdmbase/common-stack/commit/2ef1df30176616baf9816c47168687577f7aa8ff))
 
 ### Features
 
--   enable docker layer caching ([ce2c742](https://github.com/cdmbase/common-stack/commit/ce2c74271a107d5c73580523a4e1822b80e04c8d))
+- enable docker layer caching ([ce2c742](https://github.com/cdmbase/common-stack/commit/ce2c74271a107d5c73580523a4e1822b80e04c8d))
 
 ## [6.0.6-alpha.0](https://github.com/cdmbase/common-stack/compare/v0.0.251...v6.0.6-alpha.0) (2024-12-16)
 
 ### Bug Fixes
 
--   **server-stack:** apollo server redis cache ([2ef1df3](https://github.com/cdmbase/common-stack/commit/2ef1df30176616baf9816c47168687577f7aa8ff))
+- **server-stack:** apollo server redis cache ([2ef1df3](https://github.com/cdmbase/common-stack/commit/2ef1df30176616baf9816c47168687577f7aa8ff))
 
 ### Features
 
--   enable docker layer caching ([ce2c742](https://github.com/cdmbase/common-stack/commit/ce2c74271a107d5c73580523a4e1822b80e04c8d))
+- enable docker layer caching ([ce2c742](https://github.com/cdmbase/common-stack/commit/ce2c74271a107d5c73580523a4e1822b80e04c8d))

package/docker-releases/backend/package.json

@@ -70,12 +70,12 @@
         "@cdm-logger/client": "^9.0.3",
         "@cdm-logger/server": "^9.0.3",
         "@cdmbase/graphql-type-uri": "^4.0.0",
-        "@common-stack/cache-api-server": "6.0.8-alpha.1",
-        "@common-stack/client-core": "6.0.8-alpha.1",
-        "@common-stack/core": "6.0.8-alpha.1",
-        "@common-stack/server-core": "6.0.8-alpha.1",
-        "@common-stack/server-stack": "6.0.8-alpha.2",
-        "@common-stack/store-mongo": "6.0.8-alpha.1",
+        "@common-stack/cache-api-server": "6.0.8-alpha.29",
+        "@common-stack/client-core": "6.0.8-alpha.29",
+        "@common-stack/core": "6.0.8-alpha.29",
+        "@common-stack/server-core": "6.0.8-alpha.29",
+        "@common-stack/server-stack": "6.0.8-alpha.29",
+        "@common-stack/store-mongo": "6.0.8-alpha.29",
         "@graphql-tools/links": "~9.0.1",
         "@graphql-tools/schema": "~10.0.6",
         "@graphql-tools/stitch": "~9.2.10",
@@ -95,7 +95,6 @@
         "express": "^4.17.1",
         "graphql": "^16.0.0",
         "graphql-bigint": "^1.0.0",
-        "graphql-iso-date": "^3.6.1",
         "graphql-middleware": "^6.1.33",
         "graphql-nats-subscriptions": "^1.5.0",
         "graphql-playground-middleware-express": "^1.7.3",

package/docker-releases/frontend/antd/package.json

@@ -63,13 +63,13 @@
         "@apollo/client": "^3.9.0",
         "@cdm-logger/client": "^9.0.3",
         "@cdm-logger/server": "^9.0.3",
-        "@common-stack/cache-api-server": "6.0.8-alpha.1",
-        "@common-stack/client-core": "6.0.8-alpha.1",
-        "@common-stack/client-react": "6.0.8-alpha.1",
-        "@common-stack/components-pro": "6.0.8-alpha.1",
-        "@common-stack/core": "6.0.8-alpha.1",
-        "@common-stack/remix-router-redux": "6.0.8-alpha.1",
-        "@common-stack/server-core": "6.0.8-alpha.1",
+        "@common-stack/cache-api-server": "6.0.8-alpha.29",
+        "@common-stack/client-core": "6.0.8-alpha.29",
+        "@common-stack/client-react": "6.0.8-alpha.29",
+        "@common-stack/components-pro": "6.0.8-alpha.29",
+        "@common-stack/core": "6.0.8-alpha.29",
+        "@common-stack/remix-router-redux": "6.0.8-alpha.29",
+        "@common-stack/server-core": "6.0.8-alpha.29",
         "@reduxjs/toolkit": "^2.2.6",
         "@remix-run/express": "~2.10.1",
         "@remix-run/node": "~2.10.1",

package/lib/generators/add-backend/files/package.json

@@ -62,7 +62,7 @@
     "dependencies": {
         "@apollo/client": "^3.9.0",
         "@babel/runtime": "^7.20.1",
-        "@common-stack/server-stack": "6.0.8-alpha.2",
+        "@common-stack/server-stack": "6.0.8-alpha.29",
         "@remix-run/node": "~2.10.1",
         "lodash": "^4.17.15",
         "react": "18.2.0"

package/lib/generators/add-backend/files/webpack.config.js

@@ -1,4 +1,6 @@
-process.env.ENV_FILE !== null && require('dotenv').config({ path: process.env.ENV_FILE });
+if (process.env.ENV_FILE) {
+    require('dotenv').config({ path: process.env.ENV_FILE });
+}
 const webpack = require('webpack');
 const path = require('path');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');

package/lib/generators/add-frontend/frameworks/antui/context.tsx.template

@@ -0,0 +1,8 @@
+// context.tsx
+import React, { createContext } from 'react';
+
+export interface LocaleContextData {
+    locale: string;
+}
+
+export const LocaleContext = createContext<LocaleContextData | null>(null);

package/lib/generators/add-frontend/frameworks/antui/entry.client.tsx.template

@@ -32,6 +32,7 @@ import clientModules from '@app/frontend-stack-react/modules.js';
 import createEmotionCache from '@app/frontend-stack-react/entries/common/createEmotionCache.js';
 // @ts-ignore
 import config from '@app/cde-webconfig.json';
+import { LocaleContext } from './context';
 
 const { apolloClient: client, container, serviceFunc } = createClientContainer();
 const { store } = createReduxStore(client, serviceFunc(), container);
@@ -42,6 +43,12 @@ const cache = createEmotionCache();
 (window as any).__remixStore = store;
 removeUniversalPortals((window as any).__SLOT_FILLS__ || []);
 
+function LocaleProvider({ children }: any) {
+    const locale = (window as any).__LOCALE__ || '';
+
+    return <LocaleContext.Provider value={locale}>{children}</LocaleContext.Provider>;
+}
+
 async function hydrate() {
     if (!i18next.isInitialized && config.i18n.enabled) {
         await i18next
@@ -66,7 +73,7 @@ async function hydrate() {
             document,
             (
                 <I18nextProvider i18n={i18next}>
-                    <StrictMode>
+                    <LocaleProvider>
                         <CacheProvider value={cache}>
                             <StyleProvider cache={antCache}>
                                 <ReduxProvider store={store}>
@@ -84,7 +91,7 @@ async function hydrate() {
                                 </ReduxProvider>
                             </StyleProvider>
                         </CacheProvider>
-                    </StrictMode>
+                    </LocaleProvider>
                 </I18nextProvider>
             ) as any,
         );

package/lib/generators/add-frontend/frameworks/antui/entry.server.tsx.template

@@ -31,6 +31,9 @@ import config from '@app/cde-webconfig.json';
 // @ts-ignore
 import createEmotionCache from '@app/frontend-stack-react/entries/common/createEmotionCache';
 import type { IAppLoadContext } from '@common-stack/client-core';
+// @ts-ignore
+import publicEnv from '@src/config/public-config';
+import { LocaleContext } from './context';
 
 const ABORT_DELAY = 5_000;
 const antdCache = createAntdCache();
@@ -41,18 +44,23 @@ class ConstantsTransform extends Transform {
     _apolloState: any;
     _reduxState: any;
     _styleSheet: string;
+    _lng: string;
 
-    constructor(fills: string[], apolloState: any, reduxState: any, styleSheet: any) {
+    constructor(fills: string[], apolloState: any, reduxState: any, styleSheet: any, lng: string) {
         super();
         this._fills = fills;
         this._apolloState = apolloState;
         this._reduxState = reduxState;
         this._styleSheet = styleSheet;
+        this._lng = lng;
     }
 
     _transform(chunk, encoding, callback) {
         let transformedChunk = chunk.toString();
 
+        if (transformedChunk.includes('[__ENV__]')) {
+            transformedChunk = transformedChunk.replace('[__ENV__]', JSON.stringify(publicEnv));
+        }
         if (transformedChunk.includes('[__APOLLO_STATE__]')) {
             transformedChunk = transformedChunk.replace(
                 '[__APOLLO_STATE__]',
@@ -71,6 +79,9 @@ class ConstantsTransform extends Transform {
         if (transformedChunk.includes('[__STYLESHEET__]')) {
             transformedChunk = transformedChunk.replace('[__STYLESHEET__]', this._styleSheet);
         }
+        if (transformedChunk.includes('[__LOCALE__]')) {
+            transformedChunk = transformedChunk.replace('[__LOCALE__]', `"${this._lng}"`);
+        }
 
         callback(null, transformedChunk);
     }
@@ -86,32 +97,9 @@ export default async function handleRequest(
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     loadContext: IAppLoadContext,
 ) {
-    const instance = createInstance();
-    const lng = await i18next.getLocale(request);
-    const ns = i18next.getRouteNamespaces(remixContext);
-
-    // First, we create a new instance of i18next so every request will have a
-    // completely unique instance and not share any state.
-    if (config.i18n.enabled) {
-        await instance
-            .use(initReactI18next) // Tell our instance to use react-i18next
-            .use(Backend) // Setup our backend.init({
-            .init({
-                fallbackLng: config.i18n.fallbackLng,
-                defaultNS: config.i18n.defaultNS,
-                react: config.i18n.react,
-                supportedLngs: config.i18n.supportedLngs,
-                lng, // The locale we detected above
-                ns, // The namespaces the routes about to render want to use
-                backend: {
-                    loadPath: resolve(config.i18n.backend.loadServerPath),
-                },
-            });
-    }
-
     return isbot(request.headers.get('user-agent') || '')
-        ? handleBotRequest(request, responseStatusCode, responseHeaders, remixContext, loadContext, instance)
-        : handleBrowserRequest(request, responseStatusCode, responseHeaders, remixContext, loadContext, instance);
+        ? handleBotRequest(request, responseStatusCode, responseHeaders, remixContext, loadContext)
+        : handleBrowserRequest(request, responseStatusCode, responseHeaders, remixContext, loadContext);
 }
 
 function handleBotRequest(
@@ -120,14 +108,11 @@ function handleBotRequest(
     responseHeaders: Headers,
     remixContext: EntryContext,
     loadContext: IAppLoadContext,
-    i18nInstance: i18next,
 ) {
     return new Promise((resolve, reject) => {
         let shellRendered = false;
         const { pipe, abort } = renderToPipeableStream(
-            <I18nextProvider i18n={i18nInstance}>
-                <RemixServer context={remixContext} url={request.url} abortDelay={ABORT_DELAY} />
-            </I18nextProvider>,
+            <RemixServer context={remixContext} url={request.url} abortDelay={ABORT_DELAY} />,
             {
                 onAllReady() {
                     shellRendered = true;
@@ -164,14 +149,36 @@ function handleBotRequest(
     });
 }
 
-function handleBrowserRequest(
+async function handleBrowserRequest(
     request: Request,
     responseStatusCode: number,
     responseHeaders: Headers,
     remixContext: EntryContext,
     loadContext: IAppLoadContext,
-    i18nInstance: i18next,
 ) {
+    const instance = createInstance();
+    const lng = await i18next.getLocale(request);
+    const ns = i18next.getRouteNamespaces(remixContext);
+
+    // First, we create a new instance of i18next so every request will have a
+    // completely unique instance and not share any state.
+    if (config.i18n.enabled) {
+        await instance
+            .use(initReactI18next) // Tell our instance to use react-i18next
+            .use(Backend) // Setup our backend.init({
+            .init({
+                fallbackLng: config.i18n.fallbackLng,
+                defaultNS: config.i18n.defaultNS,
+                react: config.i18n.react,
+                supportedLngs: config.i18n.supportedLngs,
+                lng, // The locale we detected above
+                ns, // The namespaces the routes about to render want to use
+                backend: {
+                    loadPath: resolve(config.i18n.backend.loadServerPath),
+                },
+            });
+    }
+
     return new Promise((resolve, reject) => {
         let shellRendered = false;
         const slotFillContext = { fills: {} };
@@ -190,24 +197,26 @@ function handleBrowserRequest(
 
         const { pipe, abort } = renderToPipeableStream(
             (
-                <I18nextProvider i18n={i18nInstance}>
-                    <CacheProvider value={cache}>
-                        <StyleProvider cache={antdCache}>
-                            <ReduxProvider store={store}>
-                                <SlotFillProvider context={slotFillContext}>
-                                    <InversifyProvider container={container} modules={clientModules as any}>
-                                        <ApolloProvider client={client}>
-                                            <RemixServer
-                                                context={remixContext}
-                                                url={request.url}
-                                                abortDelay={ABORT_DELAY}
-                                            />
-                                        </ApolloProvider>
-                                    </InversifyProvider>
-                                </SlotFillProvider>
-                            </ReduxProvider>
-                        </StyleProvider>
-                    </CacheProvider>
+                <I18nextProvider i18n={instance}>
+                    <LocaleContext.Provider value={lng}>
+                        <CacheProvider value={cache}>
+                            <StyleProvider cache={antdCache}>
+                                <ReduxProvider store={store}>
+                                    <SlotFillProvider context={slotFillContext}>
+                                        <InversifyProvider container={container} modules={clientModules as any}>
+                                            <ApolloProvider client={client}>
+                                                <RemixServer
+                                                    context={remixContext}
+                                                    url={request.url}
+                                                    abortDelay={ABORT_DELAY}
+                                                />
+                                            </ApolloProvider>
+                                        </InversifyProvider>
+                                    </SlotFillProvider>
+                                </ReduxProvider>
+                            </StyleProvider>
+                        </CacheProvider>
+                    </LocaleContext.Provider>
                 </I18nextProvider>
             ) as any,
             {
@@ -220,7 +229,7 @@ function handleBrowserRequest(
                     const fills = Object.keys(slotFillContext.fills);
                     const styleSheet = extractStyle(antdCache);
 
-                    const transform = new ConstantsTransform(fills, apolloState, reduxState, styleSheet);
+                    const transform = new ConstantsTransform(fills, apolloState, reduxState, styleSheet, lng);
 
                     responseHeaders.set('Content-Type', 'text/html');
 

package/lib/generators/add-frontend/frameworks/antui/root.tsx.template

@@ -1,8 +1,6 @@
 import 'reflect-metadata';
 import * as React from 'react';
 import { Links, Meta, Outlet, Scripts, ScrollRestoration, useRouteLoaderData, useRouteError, json } from '@remix-run/react';
-// @ts-ignore
-import publicEnv from '@src/config/public-config';
 import { PluginArea } from '@common-stack/client-react';
 import { subscribeReduxRouter } from '@common-stack/remix-router-redux';
 import { ApplicationErrorHandler } from '@admin-layout/ant-ui';
@@ -16,7 +14,8 @@ import { useTranslation } from 'react-i18next';
 import { i18nextInstance as i18next } from '@app/frontend-stack-react/i18n-localization/i18next.server.js';
 // @ts-ignore
 import { ErrorBoundary } from '@app/frontend-stack-react/entries/antui/components/ErrorBoundary';
-
+import { LocaleContext } from './context';
+/*
 export const loader = async ({ request }) => {
     const locale = await i18next.getLocale(request);
     return json({
@@ -24,7 +23,7 @@ export const loader = async ({ request }) => {
         locale,
     });
 };
-
+*/
 export const handle = {
     i18n: 'common',
 };
@@ -34,8 +33,8 @@ export function shouldRevalidate(params: any) {
 }
 
 export function Layout({ children }: { children: React.ReactNode }) {
-    const data = useRouteLoaderData<{ locale: any }>('root');
-    const locale = data?.locale;
+    // const data = useRouteLoaderData<{ locale: any }>('root');
+    const locale: any = React.useContext(LocaleContext);
 
     const { i18n } = useTranslation();
 
@@ -49,11 +48,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
         if (typeof window === 'undefined') {
             return (
                 <>
-                    <script
-                        dangerouslySetInnerHTML={{
-                            __html: `window.__ENV__ = ${JSON.stringify((data as any)?.__ENV__)}`,
-                        }}
-                    />
+                    <script>window.__ENV__=[__ENV__]</script>
                     <script
                         src="https://cdnjs.cloudflare.com/ajax/libs/reflect-metadata/0.1.13/Reflect.min.js"
                         integrity="sha512-jvbPH2TH5BSZumEfOJZn9IV+5bSwwN+qG4dvthYe3KCGC3/9HmxZ4phADbt9Pfcp+XSyyfc2vGZ/RMsSUZ9tbQ=="
@@ -68,6 +63,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
                             __html: `if (global === undefined) { var global = window; }`,
                         }}
                     />
+                    <script>window.__LOCALE__=[__LOCALE__]</script>
                 </>
             );
         }

package/lib/generators/add-frontend/frameworks/chakraui/context.tsx.template

@@ -18,3 +18,9 @@ export interface ClientStyleContextData {
 export const ClientStyleContext = createContext<ClientStyleContextData | null>(
   null,
 );
+
+export interface LocaleContextData {
+    locale: string;
+}
+
+export const LocaleContext = createContext<LocaleContextData | null>(null);

package/lib/generators/add-frontend/frameworks/chakraui/entry.client.tsx.template

@@ -27,8 +27,7 @@ import Backend from 'i18next-http-backend';
 import { getInitialNamespaces } from 'remix-i18next/client';
 import config from '@app/cde-webconfig.json';
 // @ts-ignore
-// import { ClientStyleContext } from '@app/frontend-stack-react/entries/chakraui/context.js';
-import { ClientStyleContext } from './context';
+import { ClientStyleContext, LocaleContext } from './context';
 
 const { apolloClient: client, container, serviceFunc } = createClientContainer();
 const { store } = createReduxStore(client, serviceFunc(), container);
@@ -60,6 +59,13 @@ function ClientCacheProvider({ children }: ClientCacheProviderProps) {
     );
 }
 
+function LocaleProvider({ children }: ClientCacheProviderProps) {
+    const el = (document as any).querySelector('html');
+    const locale = el?.getAttribute('lng') || '';
+
+    return <LocaleContext.Provider value={locale}>{children}</LocaleContext.Provider>;
+}
+
 async function hydrate() {
     if (!i18next.isInitialized && config.i18n.enabled) {
         await i18next
@@ -83,19 +89,21 @@ async function hydrate() {
         document.getElementById('root')!,
         // <StrictMode>
         <I18nextProvider i18n={i18next}>
-            <ClientCacheProvider>
-                <ApolloProvider client={client}>
-                    <ReduxProvider store={store}>
-                        <SlotFillProvider>
-                            <InversifyProvider container={container} modules={clientModules}>
-                                <PersistGate loading={null} persistor={persistor}>
-                                    {() => <RemixBrowser />}
-                                </PersistGate>
-                            </InversifyProvider>
-                        </SlotFillProvider>
-                    </ReduxProvider>
-                </ApolloProvider>
-            </ClientCacheProvider>
+            <LocaleProvider>
+                <ClientCacheProvider>
+                    <ApolloProvider client={client}>
+                        <ReduxProvider store={store}>
+                            <SlotFillProvider>
+                                <InversifyProvider container={container} modules={clientModules}>
+                                    <PersistGate loading={null} persistor={persistor}>
+                                        {() => <RemixBrowser />}
+                                    </PersistGate>
+                                </InversifyProvider>
+                            </SlotFillProvider>
+                        </ReduxProvider>
+                    </ApolloProvider>
+                </ClientCacheProvider>
+            </LocaleProvider>
         </I18nextProvider>,
         // </StrictMode>,
     );