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

package/dist/node/{index.node.d.ts → 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,12 +657,4 @@ interface ProductContext {
 }
 import { camelize, decamelize, camelizeKeys, decamelizeKeys } from "humps";
 declare function equalsIgnoreCase(str1: string, str2: string): boolean;
-import { JSX, ReactNode } from "react";
-interface ServerProviderProps {
-	frappeUrl: string;
-	siteName?: string;
-	resource: string;
-	children: ReactNode;
-}
-declare function ServerProvider({ frappeUrl, siteName, resource, children }: ServerProviderProps): JSX.Element;
-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, ServerProvider, 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.node.js → 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,62 +570,67 @@ var useVariantSelector = (props) => {
     getOptions: (key) => options[key] || []
   };
 };
-// src/utils/char.ts
-import { camelize, decamelize, camelizeKeys, decamelizeKeys } from "humps";
-function equalsIgnoreCase(str1, str2) {
-  return str1.localeCompare(str2, undefined, { sensitivity: "accent" }) === 0;
-}
-// src/context/server-provider.node.tsx
+// src/locale/provider.tsx
 import {
+  createContext as createContext2,
   useCallback as useCallback5,
+  useContext as useContext12,
   useEffect as useEffect4,
-  useRef
+  useState as useState6
 } from "react";
-import { useLogto } from "@logto/react";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var TOKEN_STALE_MS = 50 * 60 * 1000;
-function ServerProvider({
-  frappeUrl,
-  siteName,
-  resource,
+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 { getAccessToken, isAuthenticated } = useLogto();
-  const tokenRef = useRef("");
-  const fetchedAtRef = useRef(0);
-  const isRefreshingRef = useRef(false);
-  const refresh = useCallback5(async () => {
-    const token = await getAccessToken(resource);
-    if (token) {
-      tokenRef.current = token;
-      fetchedAtRef.current = Date.now();
-    }
-  }, [getAccessToken, resource]);
+  const [messages, setMessages] = useState6({});
   useEffect4(() => {
-    if (isAuthenticated)
-      refresh();
-  }, [isAuthenticated, refresh]);
-  const getToken = useCallback5(() => {
-    if (!isRefreshingRef.current && fetchedAtRef.current > 0 && Date.now() - fetchedAtRef.current > TOKEN_STALE_MS) {
-      isRefreshingRef.current = true;
-      refresh().finally(() => {
-        isRefreshingRef.current = false;
-      });
-    }
-    return tokenRef.current;
-  }, [refresh]);
-  return /* @__PURE__ */ jsx2(FrappeProvider, {
-    url: frappeUrl,
-    siteName,
-    customHeaders: siteName ? { "X-Frappe-Site-Name": siteName } : undefined,
-    enableSocket: false,
-    tokenParams: { useToken: true, token: getToken, type: "Bearer" },
+    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) {
+  return str1.localeCompare(str2, undefined, { sensitivity: "accent" }) === 0;
+}
 export {
   useVariantSelector,
   useSearch,
+  useLocale,
   useFrappeUpdateDoc,
   useFrappePutCall,
   useFrappePrefetchDoc,
@@ -647,7 +652,7 @@ export {
   decamelize,
   camelizeKeys,
   camelize,
-  ServerProvider,
+  LocaleProvider,
   FrappeProvider,
   FrappeContext
 };

package/dist/rn/{index.rn.d.ts → 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,12 +657,4 @@ interface ProductContext {
 }
 import { camelize, decamelize, camelizeKeys, decamelizeKeys } from "humps";
 declare function equalsIgnoreCase(str1: string, str2: string): boolean;
-import { JSX, ReactNode } from "react";
-interface ServerProviderProps {
-	frappeUrl: string;
-	siteName?: string;
-	resource: string;
-	children: ReactNode;
-}
-declare function ServerProvider({ frappeUrl, siteName, resource, children }: ServerProviderProps): JSX.Element;
-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, ServerProvider, 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.rn.js → 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,62 +570,67 @@ var useVariantSelector = (props) => {
     getOptions: (key) => options[key] || []
   };
 };
-// src/utils/char.ts
-import { camelize, decamelize, camelizeKeys, decamelizeKeys } from "humps";
-function equalsIgnoreCase(str1, str2) {
-  return str1.localeCompare(str2, undefined, { sensitivity: "accent" }) === 0;
-}
-// src/context/server-provider.rn.tsx
+// src/locale/provider.tsx
 import {
+  createContext as createContext2,
   useCallback as useCallback5,
+  useContext as useContext12,
   useEffect as useEffect4,
-  useRef
+  useState as useState6
 } from "react";
-import { useLogto } from "@logto/rn";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var TOKEN_STALE_MS = 50 * 60 * 1000;
-function ServerProvider({
-  frappeUrl,
-  siteName,
-  resource,
+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 { getAccessToken, isAuthenticated } = useLogto();
-  const tokenRef = useRef("");
-  const fetchedAtRef = useRef(0);
-  const isRefreshingRef = useRef(false);
-  const refresh = useCallback5(async () => {
-    const token = await getAccessToken(resource);
-    if (token) {
-      tokenRef.current = token;
-      fetchedAtRef.current = Date.now();
-    }
-  }, [getAccessToken, resource]);
+  const [messages, setMessages] = useState6({});
   useEffect4(() => {
-    if (isAuthenticated)
-      refresh();
-  }, [isAuthenticated, refresh]);
-  const getToken = useCallback5(() => {
-    if (!isRefreshingRef.current && fetchedAtRef.current > 0 && Date.now() - fetchedAtRef.current > TOKEN_STALE_MS) {
-      isRefreshingRef.current = true;
-      refresh().finally(() => {
-        isRefreshingRef.current = false;
-      });
-    }
-    return tokenRef.current;
-  }, [refresh]);
-  return /* @__PURE__ */ jsx2(FrappeProvider, {
-    url: frappeUrl,
-    siteName,
-    customHeaders: siteName ? { "X-Frappe-Site-Name": siteName } : undefined,
-    enableSocket: false,
-    tokenParams: { useToken: true, token: getToken, type: "Bearer" },
+    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) {
+  return str1.localeCompare(str2, undefined, { sensitivity: "accent" }) === 0;
+}
 export {
   useVariantSelector,
   useSearch,
+  useLocale,
   useFrappeUpdateDoc,
   useFrappePutCall,
   useFrappePrefetchDoc,
@@ -647,7 +652,7 @@ export {
   decamelize,
   camelizeKeys,
   camelize,
-  ServerProvider,
+  LocaleProvider,
   FrappeProvider,
   FrappeContext
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lasterp/shared",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.6",
   "description": "Shared repo for webapp and native app",
   "license": "MIT",
   "files": [
@@ -20,22 +20,14 @@
     "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",
-    "@logto/react": "^4.0.13",
-    "@logto/rn": "^1.1.0"
+    "typescript": ">=4.5.0"
   },
   "peerDependenciesMeta": {
     "typescript": {
       "optional": true
-    },
-    "@logto/react": {
-      "optional": true
-    },
-    "@logto/rn": {
-      "optional": true
     }
   },
   "type": "module",
@@ -52,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"
   }
 }