User Profile, Countries, Language Switch v1

Author: FalkWolsky

client/packages/lowcoder-core/lib/index.cjs

@@ -11513,6 +11513,7 @@ var IntlMessageFormat = IntlMessageFormat$1;
 
 var defaultLocale = "en";
 var locales = [defaultLocale];
+
 if (globalThis.navigator) {
     if (navigator.languages && navigator.languages.length > 0) {
         locales = __spreadArray([], navigator.languages, true);
@@ -11521,6 +11522,7 @@ if (globalThis.navigator) {
         locales = [navigator.language || navigator.userLanguage || defaultLocale];
     }
 }
+
 function parseLocale(s) {
     var locale = s.trim();
     if (!locale) {

client/packages/lowcoder-core/lib/index.js

@@ -7581,15 +7581,62 @@ function requireReactJsxRuntime_development () {
 } (jsxRuntime));
 
 var en = {};
-
 var zh = {};
+var de = {};
+var fr = {};
+var es = {};
+var it = {};
+var ar = {};
+var th = {};
+var vi = {};
+var ms = {};
+var id = {};
+var hi = {};
+var ta = {};
+var kn = {};
+var ml = {};
+var ru = {};
+var pl = {};
+var cs = {};
+var uk = {};
+var bg = {};
+var sr = {};
+var hr = {};
+var sk = {};
+var sl = {};
+var mk = {};
+var pt = {};
 
 // file examples: en, enGB, zh, zhHK
 
 var localeData = /*#__PURE__*/Object.freeze({
     __proto__: null,
     en: en,
-    zh: zh
+    zh: zh,
+    de: de,
+    fr: fr,
+    es: es,
+    it: it,
+    ar: ar,
+    th: th,
+    vi: vi,
+    ms: ms,
+    id: id,
+    hi: hi,
+    ta: ta,
+    kn: kn,
+    ml: ml,
+    ru: ru,
+    pl: pl,
+    cs: cs,
+    uk: uk,
+    bg: bg,
+    sr: sr,
+    hr: hr,
+    sk: sk,
+    sl: sl,
+    mk: mk,
+    pt: pt
 });
 
 var ErrorKind;
@@ -11505,14 +11552,22 @@ var IntlMessageFormat = IntlMessageFormat$1;
 
 var defaultLocale = "en";
 var locales = [defaultLocale];
+
+// Falk - Adapted the central translator to check if a localStorage key is existing.
+
+const uiLanguage = localStorage.getItem('lowcoder_uiLanguage');
 if (globalThis.navigator) {
-    if (navigator.languages && navigator.languages.length > 0) {
+    if (uiLanguage) {  
+        locales = [uiLanguage];
+    } 
+    else if (navigator.languages && navigator.languages.length > 0) {
         locales = __spreadArray([], navigator.languages, true);
     }
     else {
         locales = [navigator.language || navigator.userLanguage || defaultLocale];
     }
 }
+
 function parseLocale(s) {
     var locale = s.trim();
     if (!locale) {
@@ -11572,9 +11627,13 @@ function getDataByLocale(fileData, suffix, filterLocales, targetLocales) {
             return { data: data, language: name_1.slice(0, 2) };
         }
     }
-    throw new Error("Not found ".concat(names));
+    // throw new Error("Not found ".concat(names));
+    // better to continue the app without crashing
+    console.error("Not found ".concat(names));
 }
+
 var globalMessageKeyPrefix = "@";
+
 var globalMessages = Object.fromEntries(Object.entries(getDataByLocale(localeData, "").data).map(function (_a) {
     var k = _a[0], v = _a[1];
     return [
@@ -11635,7 +11694,7 @@ var Translator = /** @class */ (function () {
 }());
 
 function getI18nObjects(fileData, filterLocales) {
-    return getDataByLocale(fileData, "Obj", filterLocales).data;
+    return getDataByLocale(fileData, "Obj", filterLocales)?.data;
 }
 
 export { AbstractComp, AbstractNode, CachedNode, CodeNode, CompActionTypes, FetchCheckNode, FunctionNode, MultiBaseComp, RecordNode, RelaxedJsonParser, SimpleAbstractComp, SimpleComp, SimpleNode, Translator, ValueAndMsg, WrapContextNodeV2, WrapNode, changeChildAction, changeDependName, changeEditDSLAction, changeValueAction, clearMockWindow, clearStyleEval, customAction, deferAction, deleteCompAction, dependingNodeMapEquals, evalFunc, evalFunctionResult, evalNodeOrMinor, evalPerfUtil, evalScript, evalStyle, executeQueryAction, fromRecord, fromUnevaledValue, fromValue, fromValueWithCache, getDynamicStringSegments, getI18nObjects, getValueByLocale, i18n, isBroadcastAction, isChildAction, isCustomAction, isDynamicSegment, isFetching, isMyCustomAction, mergeExtra, multiChangeAction, nodeIsRecord, onlyEvalAction, relaxedJSONToJSON, renameAction, replaceCompAction, routeByNameAction, transformWrapper, triggerModuleEventAction, unwrapChildAction, updateActionContextAction, updateNodesV2Action, withFunction, wrapActionExtraInfo, wrapChildAction, wrapContext, wrapDispatch };

client/packages/lowcoder-core/src/i18n/index.tsx

@@ -3,7 +3,7 @@ import IntlMessageFormat from "intl-messageformat";
 import log from "loglevel";
 import { Fragment } from "react";
 
-const defaultLocale = "de";
+const defaultLocale = "en";
 
 let locales = [defaultLocale];
 
@@ -68,6 +68,9 @@ function getDataByLocale<T>(
   filterLocales?: string,
   targetLocales?: string[]
 ) {
+
+  console.log("Überraschung", fileData);
+
   let localeInfos = [...fallbackLocaleInfos];
 
   const targetLocaleInfo = parseLocales(targetLocales || []);

client/packages/lowcoder-core/src/i18n/locales/de.ts

@@ -0,0 +1,3 @@
+import { en } from "./en";
+
+export const de: typeof en = {};

client/packages/lowcoder-core/src/i18n/locales/index.ts

@@ -2,3 +2,4 @@
 // fallback example: current locale is zh-HK, fallback order is zhHK => zh => en
 export * from "./en";
 export * from "./zh";
+export * from "./de";

client/packages/lowcoder-design/src/i18n/design/locales/de.ts

@@ -0,0 +1,3 @@
+import { en } from "./en";
+
+export const de: typeof en = {...en};

client/packages/lowcoder-design/src/i18n/design/locales/index.ts

@@ -2,3 +2,4 @@
 // fallback example: current locale is zh-HK, fallback order is zhHK => zh => en
 export * from "./en";
 export * from "./zh";
+export * from "./de";

client/packages/lowcoder/src/app.tsx

@@ -108,6 +108,9 @@ class AppIndex extends React.Component<AppIndexProps, any> {
       return <ProductLoading hideHeader={hideLoadingHeader} />;
     }
 
+    // persisting the language in local storage
+    localStorage.setItem('lowcoder_uiLanguage', this.props.uiLanguage);
+
     return (
       <Wrapper language={this.props.uiLanguage}>
         <Helmet>

client/packages/lowcoder/src/i18n/LanguageContext.tsx_

@@ -26,7 +26,7 @@ import hr_HR from "antd/es/locale/hr_HR";
 import sk_SK from "antd/es/locale/sk_SK";
 import sl_SI from "antd/es/locale/sl_SI";
 import mk_MK from "antd/es/locale/mk_MK";
-
+import pt_PT from "antd/es/locale/pt_PT";
 
 import { getValueByLocale } from "lowcoder-core";
 
@@ -57,6 +57,13 @@ function selectAntdLocale(language: string, region?: string) {
         default:
           return es_ES; 
       }
+    case "pt":
+      switch (region) {
+        case "PT":
+          return pt_PT;
+        default:
+          return pt_PT; 
+      }
     case "fr":
       switch (region) {
         case "CA":