@lasterp/shared 1.0.0-beta.5 → 1.0.0-beta.6

package/dist/node/index.d.ts

@@ -611,6 +611,19 @@ declare const useVariantSelector: <T extends {
 	id: string;
 	specs: Record<string, string>;
 }>(props: VariantSelectorProps<T>) => VariantSelectorResult;
+import { JSX, ReactNode } from "react";
+import { StateStorage } from "zustand/middleware";
+type TranslateFn = (message: string, replace?: (string | number)[]) => string;
+interface LocaleProviderProps {
+	method: string;
+	language: string;
+	storage?: StateStorage;
+	children: ReactNode;
+}
+declare function LocaleProvider({ method, language, storage, children }: LocaleProviderProps): JSX.Element | null;
+declare function useLocale(): {
+	__: TranslateFn;
+};
 interface Category {
 	name: string;
 }
@@ -644,4 +657,4 @@ interface ProductContext {
 }
 import { camelize, decamelize, camelizeKeys, decamelizeKeys } from "humps";
 declare function equalsIgnoreCase(str1: string, str2: string): boolean;
-export { useVariantSelector, useSearch, useFrappeUpdateDoc, useFrappePutCall, useFrappePrefetchDoc, useFrappePostCall, useFrappeGetDocList, useFrappeGetDocCount, useFrappeGetDoc, useFrappeGetCall, useFrappeFileUpload, useFrappeEventListener, useFrappeDocumentEventListener, useFrappeDocTypeEventListener, useFrappeDeleteDoc, useFrappeDeleteCall, useFrappeCreateDoc, useFrappeAuth, equalsIgnoreCase, decamelizeKeys, decamelize, camelizeKeys, camelize, ViewerEventData, VariantSelectorResult, VariantSelectorProps, VariantSelectorOption, UseFrappeFileUploadReturnType, TopbarItem, Topbar, TokenParams, ShopContext, SearchResult, ProductVariant, ProductContext, Product, Page, NavbarSubItemGroup, NavbarSubItem, NavbarItem, Model, ItemVariant, Item, Hero, Header, Globals, FrappeProviderProps, FrappeProvider, FrappeMutationResult, FrappeFileUploadResponse, FrappeError, FrappeContext, FrappeConfig, FooterItemGroup, FooterItem, Footer, DocumentUpdateEventData, DocTypeListUpdateEventData, Colour, Category, Brand, Block };
+export { useVariantSelector, useSearch, useLocale, useFrappeUpdateDoc, useFrappePutCall, useFrappePrefetchDoc, useFrappePostCall, useFrappeGetDocList, useFrappeGetDocCount, useFrappeGetDoc, useFrappeGetCall, useFrappeFileUpload, useFrappeEventListener, useFrappeDocumentEventListener, useFrappeDocTypeEventListener, useFrappeDeleteDoc, useFrappeDeleteCall, useFrappeCreateDoc, useFrappeAuth, equalsIgnoreCase, decamelizeKeys, decamelize, camelizeKeys, camelize, ViewerEventData, VariantSelectorResult, VariantSelectorProps, VariantSelectorOption, UseFrappeFileUploadReturnType, TopbarItem, Topbar, TokenParams, ShopContext, SearchResult, ProductVariant, ProductContext, Product, Page, NavbarSubItemGroup, NavbarSubItem, NavbarItem, Model, LocaleProvider, ItemVariant, Item, Hero, Header, Globals, FrappeProviderProps, FrappeProvider, FrappeMutationResult, FrappeFileUploadResponse, FrappeError, FrappeContext, FrappeConfig, FooterItemGroup, FooterItem, Footer, DocumentUpdateEventData, DocTypeListUpdateEventData, Colour, Category, Brand, Block };

package/dist/node/index.js

@@ -58,7 +58,7 @@ var FrappeProvider = ({
   children,
   customHeaders
 }) => {
-  const frappeConfig = useMemo(() => {
+  const config = useMemo(() => {
     const frappe = new FrappeApp(url, tokenParams, undefined, customHeaders);
     return {
       url,
@@ -72,7 +72,7 @@ var FrappeProvider = ({
     };
   }, [url, tokenParams, enableSocket, socketPort, siteName, customHeaders]);
   return /* @__PURE__ */ jsx(FrappeContext.Provider, {
-    value: frappeConfig,
+    value: config,
     children
   });
 };
@@ -570,6 +570,58 @@ var useVariantSelector = (props) => {
     getOptions: (key) => options[key] || []
   };
 };
+// src/locale/provider.tsx
+import {
+  createContext as createContext2,
+  useCallback as useCallback5,
+  useContext as useContext12,
+  useEffect as useEffect4,
+  useState as useState6
+} from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function translate(message, replace, messages = {}) {
+  let translated = messages[message] ?? message;
+  replace?.forEach((val, i) => {
+    translated = translated.replace(`{${i}}`, String(val));
+  });
+  return translated;
+}
+var LocaleContext = createContext2((message) => message);
+function LocaleProvider({
+  method,
+  language,
+  storage,
+  children
+}) {
+  const [messages, setMessages] = useState6({});
+  useEffect4(() => {
+    if (!storage)
+      return;
+    const key = `locale:${language}`;
+    Promise.resolve(storage.getItem(key)).then((cached) => {
+      if (cached)
+        setMessages(JSON.parse(cached));
+    }).catch(() => {});
+  }, [language, storage]);
+  const { data, isLoading } = useFrappeGetCall(method, { language }, { staleTime: Infinity });
+  useEffect4(() => {
+    if (!data?.message)
+      return;
+    setMessages(data.message);
+    storage?.setItem(`locale:${language}`, JSON.stringify(data.message));
+  }, [data, language, storage]);
+  const __ = useCallback5((message, replace) => translate(message, replace, messages), [messages]);
+  if (isLoading && Object.keys(messages).length === 0)
+    return null;
+  return /* @__PURE__ */ jsx2(LocaleContext.Provider, {
+    value: __,
+    children
+  });
+}
+function useLocale() {
+  const __ = useContext12(LocaleContext);
+  return { __ };
+}
 // src/utils/char.ts
 import { camelize, decamelize, camelizeKeys, decamelizeKeys } from "humps";
 function equalsIgnoreCase(str1, str2) {
@@ -578,6 +630,7 @@ function equalsIgnoreCase(str1, str2) {
 export {
   useVariantSelector,
   useSearch,
+  useLocale,
   useFrappeUpdateDoc,
   useFrappePutCall,
   useFrappePrefetchDoc,
@@ -599,6 +652,7 @@ export {
   decamelize,
   camelizeKeys,
   camelize,
+  LocaleProvider,
   FrappeProvider,
   FrappeContext
 };

package/dist/rn/index.d.ts

@@ -611,6 +611,19 @@ declare const useVariantSelector: <T extends {
 	id: string;
 	specs: Record<string, string>;
 }>(props: VariantSelectorProps<T>) => VariantSelectorResult;
+import { JSX, ReactNode } from "react";
+import { StateStorage } from "zustand/middleware";
+type TranslateFn = (message: string, replace?: (string | number)[]) => string;
+interface LocaleProviderProps {
+	method: string;
+	language: string;
+	storage?: StateStorage;
+	children: ReactNode;
+}
+declare function LocaleProvider({ method, language, storage, children }: LocaleProviderProps): JSX.Element | null;
+declare function useLocale(): {
+	__: TranslateFn;
+};
 interface Category {
 	name: string;
 }
@@ -644,4 +657,4 @@ interface ProductContext {
 }
 import { camelize, decamelize, camelizeKeys, decamelizeKeys } from "humps";
 declare function equalsIgnoreCase(str1: string, str2: string): boolean;
-export { useVariantSelector, useSearch, useFrappeUpdateDoc, useFrappePutCall, useFrappePrefetchDoc, useFrappePostCall, useFrappeGetDocList, useFrappeGetDocCount, useFrappeGetDoc, useFrappeGetCall, useFrappeFileUpload, useFrappeEventListener, useFrappeDocumentEventListener, useFrappeDocTypeEventListener, useFrappeDeleteDoc, useFrappeDeleteCall, useFrappeCreateDoc, useFrappeAuth, equalsIgnoreCase, decamelizeKeys, decamelize, camelizeKeys, camelize, ViewerEventData, VariantSelectorResult, VariantSelectorProps, VariantSelectorOption, UseFrappeFileUploadReturnType, TopbarItem, Topbar, TokenParams, ShopContext, SearchResult, ProductVariant, ProductContext, Product, Page, NavbarSubItemGroup, NavbarSubItem, NavbarItem, Model, ItemVariant, Item, Hero, Header, Globals, FrappeProviderProps, FrappeProvider, FrappeMutationResult, FrappeFileUploadResponse, FrappeError, FrappeContext, FrappeConfig, FooterItemGroup, FooterItem, Footer, DocumentUpdateEventData, DocTypeListUpdateEventData, Colour, Category, Brand, Block };
+export { useVariantSelector, useSearch, useLocale, useFrappeUpdateDoc, useFrappePutCall, useFrappePrefetchDoc, useFrappePostCall, useFrappeGetDocList, useFrappeGetDocCount, useFrappeGetDoc, useFrappeGetCall, useFrappeFileUpload, useFrappeEventListener, useFrappeDocumentEventListener, useFrappeDocTypeEventListener, useFrappeDeleteDoc, useFrappeDeleteCall, useFrappeCreateDoc, useFrappeAuth, equalsIgnoreCase, decamelizeKeys, decamelize, camelizeKeys, camelize, ViewerEventData, VariantSelectorResult, VariantSelectorProps, VariantSelectorOption, UseFrappeFileUploadReturnType, TopbarItem, Topbar, TokenParams, ShopContext, SearchResult, ProductVariant, ProductContext, Product, Page, NavbarSubItemGroup, NavbarSubItem, NavbarItem, Model, LocaleProvider, ItemVariant, Item, Hero, Header, Globals, FrappeProviderProps, FrappeProvider, FrappeMutationResult, FrappeFileUploadResponse, FrappeError, FrappeContext, FrappeConfig, FooterItemGroup, FooterItem, Footer, DocumentUpdateEventData, DocTypeListUpdateEventData, Colour, Category, Brand, Block };

package/dist/rn/index.js

@@ -58,7 +58,7 @@ var FrappeProvider = ({
   children,
   customHeaders
 }) => {
-  const frappeConfig = useMemo(() => {
+  const config = useMemo(() => {
     const frappe = new FrappeApp(url, tokenParams, undefined, customHeaders);
     return {
       url,
@@ -72,7 +72,7 @@ var FrappeProvider = ({
     };
   }, [url, tokenParams, enableSocket, socketPort, siteName, customHeaders]);
   return /* @__PURE__ */ jsx(FrappeContext.Provider, {
-    value: frappeConfig,
+    value: config,
     children
   });
 };
@@ -570,6 +570,58 @@ var useVariantSelector = (props) => {
     getOptions: (key) => options[key] || []
   };
 };
+// src/locale/provider.tsx
+import {
+  createContext as createContext2,
+  useCallback as useCallback5,
+  useContext as useContext12,
+  useEffect as useEffect4,
+  useState as useState6
+} from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function translate(message, replace, messages = {}) {
+  let translated = messages[message] ?? message;
+  replace?.forEach((val, i) => {
+    translated = translated.replace(`{${i}}`, String(val));
+  });
+  return translated;
+}
+var LocaleContext = createContext2((message) => message);
+function LocaleProvider({
+  method,
+  language,
+  storage,
+  children
+}) {
+  const [messages, setMessages] = useState6({});
+  useEffect4(() => {
+    if (!storage)
+      return;
+    const key = `locale:${language}`;
+    Promise.resolve(storage.getItem(key)).then((cached) => {
+      if (cached)
+        setMessages(JSON.parse(cached));
+    }).catch(() => {});
+  }, [language, storage]);
+  const { data, isLoading } = useFrappeGetCall(method, { language }, { staleTime: Infinity });
+  useEffect4(() => {
+    if (!data?.message)
+      return;
+    setMessages(data.message);
+    storage?.setItem(`locale:${language}`, JSON.stringify(data.message));
+  }, [data, language, storage]);
+  const __ = useCallback5((message, replace) => translate(message, replace, messages), [messages]);
+  if (isLoading && Object.keys(messages).length === 0)
+    return null;
+  return /* @__PURE__ */ jsx2(LocaleContext.Provider, {
+    value: __,
+    children
+  });
+}
+function useLocale() {
+  const __ = useContext12(LocaleContext);
+  return { __ };
+}
 // src/utils/char.ts
 import { camelize, decamelize, camelizeKeys, decamelizeKeys } from "humps";
 function equalsIgnoreCase(str1, str2) {
@@ -578,6 +630,7 @@ function equalsIgnoreCase(str1, str2) {
 export {
   useVariantSelector,
   useSearch,
+  useLocale,
   useFrappeUpdateDoc,
   useFrappePutCall,
   useFrappePrefetchDoc,
@@ -599,6 +652,7 @@ export {
   decamelize,
   camelizeKeys,
   camelize,
+  LocaleProvider,
   FrappeProvider,
   FrappeContext
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lasterp/shared",
-  "version": "1.0.0-beta.5",
+  "version": "1.0.0-beta.6",
   "description": "Shared repo for webapp and native app",
   "license": "MIT",
   "files": [
@@ -20,10 +20,10 @@
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
+    "@tanstack/react-query": "^5.90.21",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
-    "typescript": ">=4.5.0",
-    "@tanstack/react-query": "^5.90.21"
+    "typescript": ">=4.5.0"
   },
   "peerDependenciesMeta": {
     "typescript": {
@@ -44,6 +44,7 @@
   "dependencies": {
     "frappe-js-sdk": "^1.12.0",
     "humps": "^2.0.1",
-    "socket.io-client": "^4.8.3"
+    "socket.io-client": "^4.8.3",
+    "zustand": "^5.0.11"
   }
 }