@akinon/app-client 0.8.2 → 0.9.0

package/dist/cjs/app-client-provider.d.ts

@@ -23,6 +23,8 @@ interface AppClientContextState {
     showToast?: (content: string, type: 'success' | 'warning' | 'error' | 'loading' | 'destroy') => void;
     showErrorMessage?: (title: string, content: string) => void;
     showRichModal?: (path: string, context?: any) => void;
+    locale: string;
+    onLocaleChange: (callback: (newLocale: string) => void) => void;
 }
 /**
  * Props for the AppClientProvider component.

package/dist/cjs/app-client-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-client-provider.d.ts","sourceRoot":"","sources":["../../src/app-client-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EAGjB,yBAAyB,EACzB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E;;;;;;;;;;;GAWG;AACH,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IACzE,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IACrE,SAAS,CAAC,EAAE,CACV,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,KAC1D,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACvD;AAED;;;;;;GAMG;AACH,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,yBAAyB,GAAG,uBAAuB,CAAC;CAC7D;AAaD;;;;GAIG;AACH,QAAA,MAAM,YAAY,6BAAqC,CAAC;AA4FxD;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,yBAA0B,sBAAsB,sBA6GtE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC;AAC3C,YAAY,EACV,qBAAqB,EACrB,yBAAyB,EACzB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,eAAe,EAChB,CAAC"}
+{"version":3,"file":"app-client-provider.d.ts","sourceRoot":"","sources":["../../src/app-client-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EAGjB,yBAAyB,EACzB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAON,MAAM,OAAO,CAAC;AAEf;;;;;;;;;;;GAWG;AACH,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IACzE,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IACrE,SAAS,CAAC,EAAE,CACV,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,KAC1D,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,KAAK,IAAI,CAAC;CACjE;AAED;;;;;;GAMG;AACH,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,yBAAyB,GAAG,uBAAuB,CAAC;CAC7D;AAeD;;;;GAIG;AACH,QAAA,MAAM,YAAY,6BAAqC,CAAC;AA4FxD;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,yBAA0B,sBAAsB,sBAoItE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC;AAC3C,YAAY,EACV,qBAAqB,EACrB,yBAAyB,EACzB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,eAAe,EAChB,CAAC"}

package/dist/cjs/app-client-provider.js

@@ -18,7 +18,9 @@ const defaultContextState = {
     invokeAction: () => __awaiter(void 0, void 0, void 0, function* () {
         return Promise.reject('Action functionality not initialized.');
     }),
-    navigate: () => { }
+    navigate: () => { },
+    locale: 'en',
+    onLocaleChange: () => { }
 };
 const AppClientContext = (0, react_1.createContext)(defaultContextState);
 /**
@@ -120,6 +122,8 @@ const AppClientProvider = ({ children, config }) => {
     const [data, setData] = (0, react_1.useState)(undefined);
     const [params, setParams] = (0, react_1.useState)(undefined);
     const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const [locale, setLocale] = (0, react_1.useState)('en');
+    const localeChangeCallbacks = (0, react_1.useRef)([]);
     // Function to invoke an action in the AppShell
     const invokeAction = (actionKey, ...args) => {
         return new Promise((resolve, reject) => {
@@ -183,10 +187,22 @@ const AppClientProvider = ({ children, config }) => {
                 }
             });
         }
+        // Listen for locale changes
+        bus.on(app_shared_1.EVENTS.LOCALE_CHANGED, message => {
+            const { locale: newLocale } = message;
+            setLocale(newLocale);
+            localeChangeCallbacks.current.forEach(callback => callback(newLocale));
+        });
         return () => {
             bus.teardown();
         };
     }, [config]);
+    const onLocaleChange = (0, react_1.useCallback)((callback) => {
+        localeChangeCallbacks.current.push(callback);
+        return () => {
+            localeChangeCallbacks.current = localeChangeCallbacks.current.filter(cb => cb !== callback);
+        };
+    }, []);
     const contextValue = {
         data,
         params,
@@ -197,7 +213,9 @@ const AppClientProvider = ({ children, config }) => {
         showConfirmationDialog,
         showToast,
         showErrorMessage,
-        showRichModal
+        showRichModal,
+        locale,
+        onLocaleChange
     };
     return (react_1.default.createElement(AppClientContext.Provider, { value: contextValue }, children));
 };

package/dist/esm/app-client-provider.d.ts

@@ -23,6 +23,8 @@ interface AppClientContextState {
     showToast?: (content: string, type: 'success' | 'warning' | 'error' | 'loading' | 'destroy') => void;
     showErrorMessage?: (title: string, content: string) => void;
     showRichModal?: (path: string, context?: any) => void;
+    locale: string;
+    onLocaleChange: (callback: (newLocale: string) => void) => void;
 }
 /**
  * Props for the AppClientProvider component.

package/dist/esm/app-client-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-client-provider.d.ts","sourceRoot":"","sources":["../../src/app-client-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EAGjB,yBAAyB,EACzB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E;;;;;;;;;;;GAWG;AACH,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IACzE,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IACrE,SAAS,CAAC,EAAE,CACV,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,KAC1D,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACvD;AAED;;;;;;GAMG;AACH,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,yBAAyB,GAAG,uBAAuB,CAAC;CAC7D;AAaD;;;;GAIG;AACH,QAAA,MAAM,YAAY,6BAAqC,CAAC;AA4FxD;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,yBAA0B,sBAAsB,sBA6GtE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC;AAC3C,YAAY,EACV,qBAAqB,EACrB,yBAAyB,EACzB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,eAAe,EAChB,CAAC"}
+{"version":3,"file":"app-client-provider.d.ts","sourceRoot":"","sources":["../../src/app-client-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EAGjB,yBAAyB,EACzB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAON,MAAM,OAAO,CAAC;AAEf;;;;;;;;;;;GAWG;AACH,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IACzE,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACpD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IACrE,SAAS,CAAC,EAAE,CACV,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,KAC1D,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,KAAK,IAAI,CAAC;CACjE;AAED;;;;;;GAMG;AACH,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,yBAAyB,GAAG,uBAAuB,CAAC;CAC7D;AAeD;;;;GAIG;AACH,QAAA,MAAM,YAAY,6BAAqC,CAAC;AA4FxD;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,yBAA0B,sBAAsB,sBAoItE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC;AAC3C,YAAY,EACV,qBAAqB,EACrB,yBAAyB,EACzB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,eAAe,EAChB,CAAC"}

package/dist/esm/app-client-provider.js

@@ -9,13 +9,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { DEFAULT_ACTION_KEYS, EVENTS } from '@akinon/app-shared';
 import Framebus from 'framebus';
-import React, { createContext, useContext, useEffect, useState } from 'react';
+import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';
 const defaultContextState = {
     isLoading: true,
     invokeAction: () => __awaiter(void 0, void 0, void 0, function* () {
         return Promise.reject('Action functionality not initialized.');
     }),
-    navigate: () => { }
+    navigate: () => { },
+    locale: 'en',
+    onLocaleChange: () => { }
 };
 const AppClientContext = createContext(defaultContextState);
 /**
@@ -116,6 +118,8 @@ const AppClientProvider = ({ children, config }) => {
     const [data, setData] = useState(undefined);
     const [params, setParams] = useState(undefined);
     const [isLoading, setIsLoading] = useState(true);
+    const [locale, setLocale] = useState('en');
+    const localeChangeCallbacks = useRef([]);
     // Function to invoke an action in the AppShell
     const invokeAction = (actionKey, ...args) => {
         return new Promise((resolve, reject) => {
@@ -179,10 +183,22 @@ const AppClientProvider = ({ children, config }) => {
                 }
             });
         }
+        // Listen for locale changes
+        bus.on(EVENTS.LOCALE_CHANGED, message => {
+            const { locale: newLocale } = message;
+            setLocale(newLocale);
+            localeChangeCallbacks.current.forEach(callback => callback(newLocale));
+        });
         return () => {
             bus.teardown();
         };
     }, [config]);
+    const onLocaleChange = useCallback((callback) => {
+        localeChangeCallbacks.current.push(callback);
+        return () => {
+            localeChangeCallbacks.current = localeChangeCallbacks.current.filter(cb => cb !== callback);
+        };
+    }, []);
     const contextValue = {
         data,
         params,
@@ -193,7 +209,9 @@ const AppClientProvider = ({ children, config }) => {
         showConfirmationDialog,
         showToast,
         showErrorMessage,
-        showRichModal
+        showRichModal,
+        locale,
+        onLocaleChange
     };
     return (React.createElement(AppClientContext.Provider, { value: contextValue }, children));
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@akinon/app-client",
   "description": "Akinon AppClient library. This library is used to create a new plugin or an application which will reside in Akinon's applications.",
-  "version": "0.8.2",
+  "version": "0.9.0",
   "private": false,
   "type": "module",
   "main": "dist/esm/index.js",
@@ -9,18 +9,34 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "pnpm run build:esm && pnpm run build:commonjs && pnpm run copy:files",
+    "build:esm": "tsc --outDir dist/esm",
+    "build:commonjs": "tsc --module commonjs --outDir dist/cjs",
+    "copy:files": "copyfiles -u 1 src/**/*.css dist/esm && copyfiles -u 1 src/**/*.css dist/cjs",
+    "clean": "rimraf dist/",
+    "lint": "eslint *.ts*",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:ui": "vitest --ui",
+    "test:watch": "vitest watch",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "pnpm run build",
+    "prepack": "clean-package",
+    "postpack": "clean-package restore"
+  },
   "dependencies": {
-    "framebus": "^6.0.0",
-    "@akinon/app-shared": "0.9.0"
+    "@akinon/app-shared": "workspace:*",
+    "framebus": "^6.0.0"
   },
   "devDependencies": {
+    "@akinon/vite-config": "workspace:*",
+    "@akinon/eslint-config": "workspace:*",
+    "@akinon/typescript-config": "workspace:*",
     "clean-package": "2.2.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.5",
-    "typescript": "^5.2.2",
-    "@akinon/vite-config": "0.4.0",
-    "@akinon/eslint-config": "0.1.0",
-    "@akinon/typescript-config": "0.2.0"
+    "typescript": "^5.2.2"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -35,17 +51,5 @@
       "require": "./dist/cjs/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "scripts": {
-    "build": "pnpm run build:esm && pnpm run build:commonjs && pnpm run copy:files",
-    "build:esm": "tsc --outDir dist/esm",
-    "build:commonjs": "tsc --module commonjs --outDir dist/cjs",
-    "copy:files": "copyfiles -u 1 src/**/*.css dist/esm && copyfiles -u 1 src/**/*.css dist/cjs",
-    "clean": "rimraf dist/",
-    "lint": "eslint *.ts*",
-    "test": "vitest run",
-    "test:ui": "vitest --ui",
-    "test:watch": "vitest watch",
-    "typecheck": "tsc --noEmit"
   }
-}
+}