@belocal/react 0.5.3 → 0.6.1

package/README.md

@@ -84,7 +84,6 @@ The root provider component that initializes the Belocal engine.
 | Prop | Type | Required | Description |
 |------|------|----------|-------------|
 | `apiKey` | `string` | ✅ | Your Belocal API key |
-| `baseUrl` | `string` | ❌ | Custom API base URL |
 | `defaultLang` | `string` | ❌ | Default language for translations |
 | `children` | `React.ReactNode` | ✅ | Child components |
 

package/dist/index.cjs

@@ -8,7 +8,6 @@ var jsxRuntime = require('react/jsx-runtime');
 var BelocalContext = react.createContext(null);
 var BelocalProvider = ({
   apiKey,
-  baseUrl,
   defaultLang,
   batchWindowMs,
   timeoutMs,
@@ -17,7 +16,6 @@ var BelocalProvider = ({
   const contextValue = react.useMemo(() => {
     const engine = new jsSdk.BelocalEngine({
       apiKey,
-      baseUrl,
       batchWindowMs,
       timeoutMs
     });
@@ -25,7 +23,7 @@ var BelocalProvider = ({
       engine,
       defaultLang
     };
-  }, [apiKey, baseUrl, defaultLang, batchWindowMs, timeoutMs]);
+  }, [apiKey, batchWindowMs, timeoutMs]);
   return /* @__PURE__ */ jsxRuntime.jsx(BelocalContext.Provider, { value: contextValue, children });
 };
 var useBelocalContext = () => {
@@ -40,83 +38,76 @@ var useBelocalContext = () => {
 var useBelocal = () => {
   return useBelocalContext();
 };
-var translationCache = /* @__PURE__ */ new Map();
-var pendingRequests = /* @__PURE__ */ new Map();
-var Translate = ({
+var useTranslationContext = (context, user_context) => {
+  const finalContext = react.useMemo(() => {
+    const ctx = { ...context };
+    if (user_context) {
+      ctx.user_context = user_context;
+    }
+    return ctx;
+  }, [context, user_context]);
+  const finalContextKey = react.useMemo(() => {
+    const keys = Object.keys(finalContext).sort();
+    return keys.map((k) => `${k}:${finalContext[k]}`).join("|");
+  }, [finalContext]);
+  return { finalContext, finalContextKey };
+};
+var useTranslation = ({
   text,
-  lang,
+  targetLang,
   source_lang,
-  context,
-  user_context,
+  finalContext,
+  finalContextKey,
   fallback,
   onSuccess,
   onError,
-  dots
+  engine
 }) => {
-  const { engine, defaultLang } = useBelocal();
   const [translatedText, setTranslatedText] = react.useState(fallback || text);
   const [isLoading, setIsLoading] = react.useState(false);
-  const [dotCount, setDotCount] = react.useState(1);
-  const targetLang = lang ?? defaultLang;
-  const finalContext = react.useMemo(() => {
-    const ctx = { ...context };
-    if (user_context) {
-      ctx.user_context = user_context;
-    }
-    return ctx;
-  }, [context, user_context]);
-  const cacheKey = react.useMemo(() => {
-    return JSON.stringify({
-      text,
-      targetLang,
-      source_lang,
-      finalContext
-    });
-  }, [text, targetLang, source_lang, finalContext]);
-  const attachHandlers = (promise) => {
-    setIsLoading(true);
-    promise.then((translation) => {
-      setTranslatedText(translation);
-      onSuccess?.(translation);
-    }).catch((error) => {
-      console.error("Translation error:", error);
-      setTranslatedText(text);
-      onError?.(error instanceof Error ? error : new Error(String(error)));
-    }).finally(() => {
-      setIsLoading(false);
-    });
-  };
+  const requestIdRef = react.useRef(0);
+  const onSuccessRef = react.useRef(onSuccess);
+  const onErrorRef = react.useRef(onError);
+  react.useEffect(() => {
+    onSuccessRef.current = onSuccess;
+  }, [onSuccess]);
+  react.useEffect(() => {
+    onErrorRef.current = onError;
+  }, [onError]);
   react.useEffect(() => {
     if (!targetLang) {
       setTranslatedText(text);
       return;
     }
-    const cachedTranslation = translationCache.get(cacheKey);
-    if (cachedTranslation) {
-      setTranslatedText(cachedTranslation);
-      return;
-    }
-    const pendingRequest = pendingRequests.get(cacheKey);
-    if (pendingRequest) {
-      attachHandlers(pendingRequest);
-      return;
-    }
-    const translationPromise = engine.translate(text, targetLang, source_lang, finalContext).then((translation) => {
-      translationCache.set(cacheKey, translation);
-      pendingRequests.delete(cacheKey);
-      return translation;
+    const currentRequestId = ++requestIdRef.current;
+    setIsLoading(true);
+    engine.translate(text, targetLang, source_lang, finalContext).then((translation) => {
+      if (currentRequestId === requestIdRef.current) {
+        setTranslatedText(translation);
+        onSuccessRef.current?.(translation);
+      }
     }).catch((error) => {
-      pendingRequests.delete(cacheKey);
-      throw error;
+      if (currentRequestId === requestIdRef.current) {
+        console.error("Translation error:", error);
+        setTranslatedText(text);
+        onErrorRef.current?.(error instanceof Error ? error : new Error(String(error)));
+      }
+    }).finally(() => {
+      if (currentRequestId === requestIdRef.current) {
+        setIsLoading(false);
+      }
     });
-    pendingRequests.set(cacheKey, translationPromise);
-    attachHandlers(translationPromise);
-  }, [text, targetLang, source_lang, finalContext, engine, cacheKey]);
+    return () => {
+      requestIdRef.current++;
+    };
+  }, [text, targetLang, source_lang, finalContextKey, engine]);
+  return { translatedText, isLoading };
+};
+var useLoadingDots = (isLoading, dots) => {
+  const [dotCount, setDotCount] = react.useState(1);
   react.useEffect(() => {
     if (!isLoading || !dots) {
-      if (!isLoading) {
-        setDotCount(1);
-      }
+      setDotCount(1);
       return;
     }
     const interval = setInterval(() => {
@@ -125,7 +116,38 @@ var Translate = ({
     return () => clearInterval(interval);
   }, [isLoading, dots]);
   if (isLoading && dots) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: ".".repeat(dotCount) });
+    return ".".repeat(dotCount);
+  }
+  return null;
+};
+var Translate = ({
+  text,
+  lang,
+  source_lang,
+  context,
+  user_context,
+  fallback,
+  onSuccess,
+  onError,
+  dots
+}) => {
+  const { engine, defaultLang } = useBelocal();
+  const targetLang = lang ?? defaultLang;
+  const { finalContext, finalContextKey } = useTranslationContext(context, user_context);
+  const { translatedText, isLoading } = useTranslation({
+    text,
+    targetLang,
+    source_lang,
+    finalContext,
+    finalContextKey,
+    fallback,
+    onSuccess,
+    onError,
+    engine
+  });
+  const loadingDots = useLoadingDots(isLoading, dots);
+  if (loadingDots) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: loadingDots });
   }
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback || text });

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/BelocalProvider.tsx","../src/useBelocal.ts","../src/Translate.tsx"],"names":["createContext","useMemo","BelocalEngine","useContext","useState","useEffect","jsx","Fragment"],"mappings":"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","file":"index.cjs","sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport { BelocalEngine } from '@belocal/js-sdk';\n\nexport type BelocalProviderProps = {\n  apiKey: string;\n  baseUrl?: string;\n  defaultLang?: string;\n  batchWindowMs?: number;\n  timeoutMs?: number;\n  children: React.ReactNode;\n};\n\ntype BelocalContextType = {\n  engine: BelocalEngine;\n  defaultLang?: string;\n};\n\nconst BelocalContext = createContext<BelocalContextType | null>(null);\n\nexport const BelocalProvider: React.FC<BelocalProviderProps> = ({\n  apiKey,\n  baseUrl,\n  defaultLang,\n  batchWindowMs,\n  timeoutMs,\n  children,\n}) => {\n  const contextValue = useMemo(() => {\n    const engine = new BelocalEngine({\n      apiKey,\n      baseUrl,\n      batchWindowMs,\n      timeoutMs,\n    });\n\n    return {\n      engine,\n      defaultLang,\n    };\n  }, [apiKey, baseUrl, defaultLang, batchWindowMs, timeoutMs]);\n\n  return (\n    <BelocalContext.Provider value={contextValue}>\n      {children}\n    </BelocalContext.Provider>\n  );\n};\n\nexport const useBelocalContext = () => {\n  const context = useContext(BelocalContext);\n  if (!context) {\n    throw new Error('useBelocalContext must be used within a BelocalProvider');\n  }\n  return context;\n};\n\n","import { useBelocalContext } from './BelocalProvider';\n\nexport const useBelocal = () => {\n  return useBelocalContext();\n};\n\n","import React, { useState, useEffect, useMemo } from 'react';\nimport { useBelocal } from './useBelocal';\n\nconst translationCache = new Map<string, string>();\nconst pendingRequests = new Map<string, Promise<string>>();\n\nexport type TranslateProps = {\n  text: string;\n  lang?: string;\n  source_lang?: string;\n  context?: Record<string, string>;\n  user_context?: string;\n  fallback?: string;\n  onSuccess?: (translation: string) => void;\n  onError?: (error: Error) => void;\n  dots?: boolean;\n};\n\nexport const Translate: React.FC<TranslateProps> = ({\n  text,\n  lang,\n  source_lang,\n  context,\n  user_context,\n  fallback,\n  onSuccess,\n  onError,\n  dots,\n}) => {\n  const { engine, defaultLang } = useBelocal();\n  const [translatedText, setTranslatedText] = useState<string>(fallback || text);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [dotCount, setDotCount] = useState<number>(1);\n\n  const targetLang = lang ?? defaultLang;\n\n  const finalContext = useMemo(() => {\n    const ctx: Record<string, string> = { ...context };\n    if (user_context) {\n      ctx.user_context = user_context;\n    }\n    return ctx;\n  }, [context, user_context]);\n\n  const cacheKey = useMemo(() => {\n    return JSON.stringify({\n      text,\n      targetLang,\n      source_lang,\n      finalContext,\n    });\n  }, [text, targetLang, source_lang, finalContext]);\n\n  const attachHandlers = (promise: Promise<string>) => {\n    setIsLoading(true);\n    promise\n      .then((translation) => {\n        setTranslatedText(translation);\n        onSuccess?.(translation);\n      })\n      .catch((error) => {\n        console.error('Translation error:', error);\n        setTranslatedText(text);\n        onError?.(error instanceof Error ? error : new Error(String(error)));\n      })\n      .finally(() => {\n        setIsLoading(false);\n      });\n  };\n\n  useEffect(() => {\n    if (!targetLang) {\n      setTranslatedText(text);\n      return;\n    }\n\n    const cachedTranslation = translationCache.get(cacheKey);\n    if (cachedTranslation) {\n      setTranslatedText(cachedTranslation);\n      return;\n    }\n\n    const pendingRequest = pendingRequests.get(cacheKey);\n    if (pendingRequest) {\n      attachHandlers(pendingRequest);\n      return;\n    }\n\n    const translationPromise = engine\n      .translate(text, targetLang, source_lang, finalContext)\n      .then((translation) => {\n        translationCache.set(cacheKey, translation);\n        pendingRequests.delete(cacheKey);\n        return translation;\n      })\n      .catch((error) => {\n        pendingRequests.delete(cacheKey);\n        throw error;\n      });\n\n    pendingRequests.set(cacheKey, translationPromise);\n    \n    attachHandlers(translationPromise);\n  }, [text, targetLang, source_lang, finalContext, engine, cacheKey]);\n\n  useEffect(() => {\n    if (!isLoading || !dots) {\n      if (!isLoading) {\n        setDotCount(1);\n      }\n      return;\n    }\n\n    const interval = setInterval(() => {\n      setDotCount((prev) => (prev >= 3 ? 1 : prev + 1));\n    }, 500);\n\n    return () => clearInterval(interval);\n  }, [isLoading, dots]);\n\n  if (isLoading && dots) {\n    return <>{'.'.repeat(dotCount)}</>;\n  }\n\n  if (isLoading) {\n    return <>{fallback || text}</>;\n  }\n\n  return <>{translatedText}</>;\n};\n"]}
+{"version":3,"sources":["../src/BelocalProvider.tsx","../src/useBelocal.ts","../src/hooks/useTranslationContext.ts","../src/hooks/useTranslation.ts","../src/hooks/useLoadingDots.ts","../src/Translate.tsx"],"names":["createContext","useMemo","BelocalEngine","useContext","useState","useRef","useEffect","jsx","Fragment"],"mappings":"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","file":"index.cjs","sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport { BelocalEngine } from '@belocal/js-sdk';\n\nexport type BelocalProviderProps = {\n  apiKey: string;\n  defaultLang?: string;\n  batchWindowMs?: number;\n  timeoutMs?: number;\n  children: React.ReactNode;\n};\n\ntype BelocalContextType = {\n  engine: BelocalEngine;\n  defaultLang?: string;\n};\n\nconst BelocalContext = createContext<BelocalContextType | null>(null);\n\nexport const BelocalProvider: React.FC<BelocalProviderProps> = ({\n  apiKey,\n  defaultLang,\n  batchWindowMs,\n  timeoutMs,\n  children,\n}) => {\n  const contextValue = useMemo(() => {\n    const engine = new BelocalEngine({\n      apiKey,\n      batchWindowMs,\n      timeoutMs,\n    });\n\n    return {\n      engine,\n      defaultLang,\n    };\n  }, [apiKey, batchWindowMs, timeoutMs]);\n\n  return (\n    <BelocalContext.Provider value={contextValue}>\n      {children}\n    </BelocalContext.Provider>\n  );\n};\n\nexport const useBelocalContext = () => {\n  const context = useContext(BelocalContext);\n  if (!context) {\n    throw new Error('useBelocalContext must be used within a BelocalProvider');\n  }\n  return context;\n};\n\n","import { useBelocalContext } from './BelocalProvider';\n\nexport const useBelocal = () => {\n  return useBelocalContext();\n};\n\n","import { useMemo } from 'react';\n\nexport const useTranslationContext = (\n  context?: Record<string, string>,\n  user_context?: string\n) => {\n  const finalContext = useMemo(() => {\n    const ctx: Record<string, string> = { ...context };\n    if (user_context) {\n      ctx.user_context = user_context;\n    }\n    return ctx;\n  }, [context, user_context]);\n\n  const finalContextKey = useMemo(() => {\n    const keys = Object.keys(finalContext).sort();\n    return keys.map((k) => `${k}:${finalContext[k]}`).join('|');\n  }, [finalContext]);\n\n  return { finalContext, finalContextKey };\n};\n\n","import { useState, useEffect, useRef } from 'react';\nimport { BelocalEngine } from '@belocal/js-sdk';\n\ntype UseTranslationParams = {\n  text: string;\n  targetLang?: string;\n  source_lang?: string;\n  finalContext: Record<string, string>;\n  finalContextKey: string;\n  fallback?: string;\n  onSuccess?: (translation: string) => void;\n  onError?: (error: Error) => void;\n  engine: BelocalEngine;\n};\n\nexport const useTranslation = ({\n  text,\n  targetLang,\n  source_lang,\n  finalContext,\n  finalContextKey,\n  fallback,\n  onSuccess,\n  onError,\n  engine,\n}: UseTranslationParams) => {\n  const [translatedText, setTranslatedText] = useState<string>(fallback || text);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const requestIdRef = useRef(0);\n  const onSuccessRef = useRef(onSuccess);\n  const onErrorRef = useRef(onError);\n\n  useEffect(() => {\n    onSuccessRef.current = onSuccess;\n  }, [onSuccess]);\n\n  useEffect(() => {\n    onErrorRef.current = onError;\n  }, [onError]);\n\n  useEffect(() => {\n    if (!targetLang) {\n      setTranslatedText(text);\n      return;\n    }\n\n    const currentRequestId = ++requestIdRef.current;\n    setIsLoading(true);\n\n    engine\n      .translate(text, targetLang, source_lang, finalContext)\n      .then((translation) => {\n        if (currentRequestId === requestIdRef.current) {\n          setTranslatedText(translation);\n          onSuccessRef.current?.(translation);\n        }\n      })\n      .catch((error) => {\n        if (currentRequestId === requestIdRef.current) {\n          console.error('Translation error:', error);\n          setTranslatedText(text);\n          onErrorRef.current?.(error instanceof Error ? error : new Error(String(error)));\n        }\n      })\n      .finally(() => {\n        if (currentRequestId === requestIdRef.current) {\n          setIsLoading(false);\n        }\n      });\n\n    return () => {\n      // При размонтировании или новом запросе увеличиваем ID, чтобы старые запросы игнорировались\n      requestIdRef.current++;\n    };\n  }, [text, targetLang, source_lang, finalContextKey, engine]);\n\n  return { translatedText, isLoading };\n};\n\n","import { useState, useEffect } from 'react';\n\nexport const useLoadingDots = (isLoading: boolean, dots?: boolean) => {\n  const [dotCount, setDotCount] = useState<number>(1);\n\n  useEffect(() => {\n    if (!isLoading || !dots) {\n      setDotCount(1);\n      return;\n    }\n\n    const interval = setInterval(() => {\n      setDotCount((prev) => (prev >= 3 ? 1 : prev + 1));\n    }, 500);\n\n    return () => clearInterval(interval);\n  }, [isLoading, dots]);\n\n  if (isLoading && dots) {\n    return '.'.repeat(dotCount);\n  }\n\n  return null;\n};\n\n","import React from 'react';\nimport { useBelocal } from './useBelocal';\nimport { useTranslationContext } from './hooks/useTranslationContext';\nimport { useTranslation } from './hooks/useTranslation';\nimport { useLoadingDots } from './hooks/useLoadingDots';\n\nexport type TranslateProps = {\n  text: string;\n  lang?: string;\n  source_lang?: string;\n  context?: Record<string, string>;\n  user_context?: string;\n  fallback?: string;\n  onSuccess?: (translation: string) => void;\n  onError?: (error: Error) => void;\n  dots?: boolean;\n};\n\nexport const Translate: React.FC<TranslateProps> = ({\n  text,\n  lang,\n  source_lang,\n  context,\n  user_context,\n  fallback,\n  onSuccess,\n  onError,\n  dots,\n}) => {\n  const { engine, defaultLang } = useBelocal();\n  const targetLang = lang ?? defaultLang;\n  const { finalContext, finalContextKey } = useTranslationContext(context, user_context);\n  \n  const { translatedText, isLoading } = useTranslation({\n    text,\n    targetLang,\n    source_lang,\n    finalContext,\n    finalContextKey,\n    fallback,\n    onSuccess,\n    onError,\n    engine,\n  });\n\n  const loadingDots = useLoadingDots(isLoading, dots);\n\n  if (loadingDots) {\n    return <>{loadingDots}</>;\n  }\n\n  if (isLoading) {\n    return <>{fallback || text}</>;\n  }\n\n  return <>{translatedText}</>;\n};\n"]}

package/dist/index.d.cts

@@ -3,7 +3,6 @@ import * as _belocal_js_sdk from '@belocal/js-sdk';
 
 type BelocalProviderProps = {
     apiKey: string;
-    baseUrl?: string;
     defaultLang?: string;
     batchWindowMs?: number;
     timeoutMs?: number;

package/dist/index.d.ts

@@ -3,7 +3,6 @@ import * as _belocal_js_sdk from '@belocal/js-sdk';
 
 type BelocalProviderProps = {
     apiKey: string;
-    baseUrl?: string;
     defaultLang?: string;
     batchWindowMs?: number;
     timeoutMs?: number;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { createContext, useMemo, useState, useEffect, useContext } from 'react';
+import { createContext, useMemo, useContext, useState, useRef, useEffect } from 'react';
 import { BelocalEngine } from '@belocal/js-sdk';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
@@ -6,7 +6,6 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 var BelocalContext = createContext(null);
 var BelocalProvider = ({
   apiKey,
-  baseUrl,
   defaultLang,
   batchWindowMs,
   timeoutMs,
@@ -15,7 +14,6 @@ var BelocalProvider = ({
   const contextValue = useMemo(() => {
     const engine = new BelocalEngine({
       apiKey,
-      baseUrl,
       batchWindowMs,
       timeoutMs
     });
@@ -23,7 +21,7 @@ var BelocalProvider = ({
       engine,
       defaultLang
     };
-  }, [apiKey, baseUrl, defaultLang, batchWindowMs, timeoutMs]);
+  }, [apiKey, batchWindowMs, timeoutMs]);
   return /* @__PURE__ */ jsx(BelocalContext.Provider, { value: contextValue, children });
 };
 var useBelocalContext = () => {
@@ -38,83 +36,76 @@ var useBelocalContext = () => {
 var useBelocal = () => {
   return useBelocalContext();
 };
-var translationCache = /* @__PURE__ */ new Map();
-var pendingRequests = /* @__PURE__ */ new Map();
-var Translate = ({
+var useTranslationContext = (context, user_context) => {
+  const finalContext = useMemo(() => {
+    const ctx = { ...context };
+    if (user_context) {
+      ctx.user_context = user_context;
+    }
+    return ctx;
+  }, [context, user_context]);
+  const finalContextKey = useMemo(() => {
+    const keys = Object.keys(finalContext).sort();
+    return keys.map((k) => `${k}:${finalContext[k]}`).join("|");
+  }, [finalContext]);
+  return { finalContext, finalContextKey };
+};
+var useTranslation = ({
   text,
-  lang,
+  targetLang,
   source_lang,
-  context,
-  user_context,
+  finalContext,
+  finalContextKey,
   fallback,
   onSuccess,
   onError,
-  dots
+  engine
 }) => {
-  const { engine, defaultLang } = useBelocal();
   const [translatedText, setTranslatedText] = useState(fallback || text);
   const [isLoading, setIsLoading] = useState(false);
-  const [dotCount, setDotCount] = useState(1);
-  const targetLang = lang ?? defaultLang;
-  const finalContext = useMemo(() => {
-    const ctx = { ...context };
-    if (user_context) {
-      ctx.user_context = user_context;
-    }
-    return ctx;
-  }, [context, user_context]);
-  const cacheKey = useMemo(() => {
-    return JSON.stringify({
-      text,
-      targetLang,
-      source_lang,
-      finalContext
-    });
-  }, [text, targetLang, source_lang, finalContext]);
-  const attachHandlers = (promise) => {
-    setIsLoading(true);
-    promise.then((translation) => {
-      setTranslatedText(translation);
-      onSuccess?.(translation);
-    }).catch((error) => {
-      console.error("Translation error:", error);
-      setTranslatedText(text);
-      onError?.(error instanceof Error ? error : new Error(String(error)));
-    }).finally(() => {
-      setIsLoading(false);
-    });
-  };
+  const requestIdRef = useRef(0);
+  const onSuccessRef = useRef(onSuccess);
+  const onErrorRef = useRef(onError);
+  useEffect(() => {
+    onSuccessRef.current = onSuccess;
+  }, [onSuccess]);
+  useEffect(() => {
+    onErrorRef.current = onError;
+  }, [onError]);
   useEffect(() => {
     if (!targetLang) {
       setTranslatedText(text);
       return;
     }
-    const cachedTranslation = translationCache.get(cacheKey);
-    if (cachedTranslation) {
-      setTranslatedText(cachedTranslation);
-      return;
-    }
-    const pendingRequest = pendingRequests.get(cacheKey);
-    if (pendingRequest) {
-      attachHandlers(pendingRequest);
-      return;
-    }
-    const translationPromise = engine.translate(text, targetLang, source_lang, finalContext).then((translation) => {
-      translationCache.set(cacheKey, translation);
-      pendingRequests.delete(cacheKey);
-      return translation;
+    const currentRequestId = ++requestIdRef.current;
+    setIsLoading(true);
+    engine.translate(text, targetLang, source_lang, finalContext).then((translation) => {
+      if (currentRequestId === requestIdRef.current) {
+        setTranslatedText(translation);
+        onSuccessRef.current?.(translation);
+      }
     }).catch((error) => {
-      pendingRequests.delete(cacheKey);
-      throw error;
+      if (currentRequestId === requestIdRef.current) {
+        console.error("Translation error:", error);
+        setTranslatedText(text);
+        onErrorRef.current?.(error instanceof Error ? error : new Error(String(error)));
+      }
+    }).finally(() => {
+      if (currentRequestId === requestIdRef.current) {
+        setIsLoading(false);
+      }
     });
-    pendingRequests.set(cacheKey, translationPromise);
-    attachHandlers(translationPromise);
-  }, [text, targetLang, source_lang, finalContext, engine, cacheKey]);
+    return () => {
+      requestIdRef.current++;
+    };
+  }, [text, targetLang, source_lang, finalContextKey, engine]);
+  return { translatedText, isLoading };
+};
+var useLoadingDots = (isLoading, dots) => {
+  const [dotCount, setDotCount] = useState(1);
   useEffect(() => {
     if (!isLoading || !dots) {
-      if (!isLoading) {
-        setDotCount(1);
-      }
+      setDotCount(1);
       return;
     }
     const interval = setInterval(() => {
@@ -123,7 +114,38 @@ var Translate = ({
     return () => clearInterval(interval);
   }, [isLoading, dots]);
   if (isLoading && dots) {
-    return /* @__PURE__ */ jsx(Fragment, { children: ".".repeat(dotCount) });
+    return ".".repeat(dotCount);
+  }
+  return null;
+};
+var Translate = ({
+  text,
+  lang,
+  source_lang,
+  context,
+  user_context,
+  fallback,
+  onSuccess,
+  onError,
+  dots
+}) => {
+  const { engine, defaultLang } = useBelocal();
+  const targetLang = lang ?? defaultLang;
+  const { finalContext, finalContextKey } = useTranslationContext(context, user_context);
+  const { translatedText, isLoading } = useTranslation({
+    text,
+    targetLang,
+    source_lang,
+    finalContext,
+    finalContextKey,
+    fallback,
+    onSuccess,
+    onError,
+    engine
+  });
+  const loadingDots = useLoadingDots(isLoading, dots);
+  if (loadingDots) {
+    return /* @__PURE__ */ jsx(Fragment, { children: loadingDots });
   }
   if (isLoading) {
     return /* @__PURE__ */ jsx(Fragment, { children: fallback || text });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/BelocalProvider.tsx","../src/useBelocal.ts","../src/Translate.tsx"],"names":["useMemo","jsx"],"mappings":"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","file":"index.js","sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport { BelocalEngine } from '@belocal/js-sdk';\n\nexport type BelocalProviderProps = {\n  apiKey: string;\n  baseUrl?: string;\n  defaultLang?: string;\n  batchWindowMs?: number;\n  timeoutMs?: number;\n  children: React.ReactNode;\n};\n\ntype BelocalContextType = {\n  engine: BelocalEngine;\n  defaultLang?: string;\n};\n\nconst BelocalContext = createContext<BelocalContextType | null>(null);\n\nexport const BelocalProvider: React.FC<BelocalProviderProps> = ({\n  apiKey,\n  baseUrl,\n  defaultLang,\n  batchWindowMs,\n  timeoutMs,\n  children,\n}) => {\n  const contextValue = useMemo(() => {\n    const engine = new BelocalEngine({\n      apiKey,\n      baseUrl,\n      batchWindowMs,\n      timeoutMs,\n    });\n\n    return {\n      engine,\n      defaultLang,\n    };\n  }, [apiKey, baseUrl, defaultLang, batchWindowMs, timeoutMs]);\n\n  return (\n    <BelocalContext.Provider value={contextValue}>\n      {children}\n    </BelocalContext.Provider>\n  );\n};\n\nexport const useBelocalContext = () => {\n  const context = useContext(BelocalContext);\n  if (!context) {\n    throw new Error('useBelocalContext must be used within a BelocalProvider');\n  }\n  return context;\n};\n\n","import { useBelocalContext } from './BelocalProvider';\n\nexport const useBelocal = () => {\n  return useBelocalContext();\n};\n\n","import React, { useState, useEffect, useMemo } from 'react';\nimport { useBelocal } from './useBelocal';\n\nconst translationCache = new Map<string, string>();\nconst pendingRequests = new Map<string, Promise<string>>();\n\nexport type TranslateProps = {\n  text: string;\n  lang?: string;\n  source_lang?: string;\n  context?: Record<string, string>;\n  user_context?: string;\n  fallback?: string;\n  onSuccess?: (translation: string) => void;\n  onError?: (error: Error) => void;\n  dots?: boolean;\n};\n\nexport const Translate: React.FC<TranslateProps> = ({\n  text,\n  lang,\n  source_lang,\n  context,\n  user_context,\n  fallback,\n  onSuccess,\n  onError,\n  dots,\n}) => {\n  const { engine, defaultLang } = useBelocal();\n  const [translatedText, setTranslatedText] = useState<string>(fallback || text);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [dotCount, setDotCount] = useState<number>(1);\n\n  const targetLang = lang ?? defaultLang;\n\n  const finalContext = useMemo(() => {\n    const ctx: Record<string, string> = { ...context };\n    if (user_context) {\n      ctx.user_context = user_context;\n    }\n    return ctx;\n  }, [context, user_context]);\n\n  const cacheKey = useMemo(() => {\n    return JSON.stringify({\n      text,\n      targetLang,\n      source_lang,\n      finalContext,\n    });\n  }, [text, targetLang, source_lang, finalContext]);\n\n  const attachHandlers = (promise: Promise<string>) => {\n    setIsLoading(true);\n    promise\n      .then((translation) => {\n        setTranslatedText(translation);\n        onSuccess?.(translation);\n      })\n      .catch((error) => {\n        console.error('Translation error:', error);\n        setTranslatedText(text);\n        onError?.(error instanceof Error ? error : new Error(String(error)));\n      })\n      .finally(() => {\n        setIsLoading(false);\n      });\n  };\n\n  useEffect(() => {\n    if (!targetLang) {\n      setTranslatedText(text);\n      return;\n    }\n\n    const cachedTranslation = translationCache.get(cacheKey);\n    if (cachedTranslation) {\n      setTranslatedText(cachedTranslation);\n      return;\n    }\n\n    const pendingRequest = pendingRequests.get(cacheKey);\n    if (pendingRequest) {\n      attachHandlers(pendingRequest);\n      return;\n    }\n\n    const translationPromise = engine\n      .translate(text, targetLang, source_lang, finalContext)\n      .then((translation) => {\n        translationCache.set(cacheKey, translation);\n        pendingRequests.delete(cacheKey);\n        return translation;\n      })\n      .catch((error) => {\n        pendingRequests.delete(cacheKey);\n        throw error;\n      });\n\n    pendingRequests.set(cacheKey, translationPromise);\n    \n    attachHandlers(translationPromise);\n  }, [text, targetLang, source_lang, finalContext, engine, cacheKey]);\n\n  useEffect(() => {\n    if (!isLoading || !dots) {\n      if (!isLoading) {\n        setDotCount(1);\n      }\n      return;\n    }\n\n    const interval = setInterval(() => {\n      setDotCount((prev) => (prev >= 3 ? 1 : prev + 1));\n    }, 500);\n\n    return () => clearInterval(interval);\n  }, [isLoading, dots]);\n\n  if (isLoading && dots) {\n    return <>{'.'.repeat(dotCount)}</>;\n  }\n\n  if (isLoading) {\n    return <>{fallback || text}</>;\n  }\n\n  return <>{translatedText}</>;\n};\n"]}
+{"version":3,"sources":["../src/BelocalProvider.tsx","../src/useBelocal.ts","../src/hooks/useTranslationContext.ts","../src/hooks/useTranslation.ts","../src/hooks/useLoadingDots.ts","../src/Translate.tsx"],"names":["useMemo","useState","useEffect","jsx"],"mappings":"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","file":"index.js","sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport { BelocalEngine } from '@belocal/js-sdk';\n\nexport type BelocalProviderProps = {\n  apiKey: string;\n  defaultLang?: string;\n  batchWindowMs?: number;\n  timeoutMs?: number;\n  children: React.ReactNode;\n};\n\ntype BelocalContextType = {\n  engine: BelocalEngine;\n  defaultLang?: string;\n};\n\nconst BelocalContext = createContext<BelocalContextType | null>(null);\n\nexport const BelocalProvider: React.FC<BelocalProviderProps> = ({\n  apiKey,\n  defaultLang,\n  batchWindowMs,\n  timeoutMs,\n  children,\n}) => {\n  const contextValue = useMemo(() => {\n    const engine = new BelocalEngine({\n      apiKey,\n      batchWindowMs,\n      timeoutMs,\n    });\n\n    return {\n      engine,\n      defaultLang,\n    };\n  }, [apiKey, batchWindowMs, timeoutMs]);\n\n  return (\n    <BelocalContext.Provider value={contextValue}>\n      {children}\n    </BelocalContext.Provider>\n  );\n};\n\nexport const useBelocalContext = () => {\n  const context = useContext(BelocalContext);\n  if (!context) {\n    throw new Error('useBelocalContext must be used within a BelocalProvider');\n  }\n  return context;\n};\n\n","import { useBelocalContext } from './BelocalProvider';\n\nexport const useBelocal = () => {\n  return useBelocalContext();\n};\n\n","import { useMemo } from 'react';\n\nexport const useTranslationContext = (\n  context?: Record<string, string>,\n  user_context?: string\n) => {\n  const finalContext = useMemo(() => {\n    const ctx: Record<string, string> = { ...context };\n    if (user_context) {\n      ctx.user_context = user_context;\n    }\n    return ctx;\n  }, [context, user_context]);\n\n  const finalContextKey = useMemo(() => {\n    const keys = Object.keys(finalContext).sort();\n    return keys.map((k) => `${k}:${finalContext[k]}`).join('|');\n  }, [finalContext]);\n\n  return { finalContext, finalContextKey };\n};\n\n","import { useState, useEffect, useRef } from 'react';\nimport { BelocalEngine } from '@belocal/js-sdk';\n\ntype UseTranslationParams = {\n  text: string;\n  targetLang?: string;\n  source_lang?: string;\n  finalContext: Record<string, string>;\n  finalContextKey: string;\n  fallback?: string;\n  onSuccess?: (translation: string) => void;\n  onError?: (error: Error) => void;\n  engine: BelocalEngine;\n};\n\nexport const useTranslation = ({\n  text,\n  targetLang,\n  source_lang,\n  finalContext,\n  finalContextKey,\n  fallback,\n  onSuccess,\n  onError,\n  engine,\n}: UseTranslationParams) => {\n  const [translatedText, setTranslatedText] = useState<string>(fallback || text);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const requestIdRef = useRef(0);\n  const onSuccessRef = useRef(onSuccess);\n  const onErrorRef = useRef(onError);\n\n  useEffect(() => {\n    onSuccessRef.current = onSuccess;\n  }, [onSuccess]);\n\n  useEffect(() => {\n    onErrorRef.current = onError;\n  }, [onError]);\n\n  useEffect(() => {\n    if (!targetLang) {\n      setTranslatedText(text);\n      return;\n    }\n\n    const currentRequestId = ++requestIdRef.current;\n    setIsLoading(true);\n\n    engine\n      .translate(text, targetLang, source_lang, finalContext)\n      .then((translation) => {\n        if (currentRequestId === requestIdRef.current) {\n          setTranslatedText(translation);\n          onSuccessRef.current?.(translation);\n        }\n      })\n      .catch((error) => {\n        if (currentRequestId === requestIdRef.current) {\n          console.error('Translation error:', error);\n          setTranslatedText(text);\n          onErrorRef.current?.(error instanceof Error ? error : new Error(String(error)));\n        }\n      })\n      .finally(() => {\n        if (currentRequestId === requestIdRef.current) {\n          setIsLoading(false);\n        }\n      });\n\n    return () => {\n      // При размонтировании или новом запросе увеличиваем ID, чтобы старые запросы игнорировались\n      requestIdRef.current++;\n    };\n  }, [text, targetLang, source_lang, finalContextKey, engine]);\n\n  return { translatedText, isLoading };\n};\n\n","import { useState, useEffect } from 'react';\n\nexport const useLoadingDots = (isLoading: boolean, dots?: boolean) => {\n  const [dotCount, setDotCount] = useState<number>(1);\n\n  useEffect(() => {\n    if (!isLoading || !dots) {\n      setDotCount(1);\n      return;\n    }\n\n    const interval = setInterval(() => {\n      setDotCount((prev) => (prev >= 3 ? 1 : prev + 1));\n    }, 500);\n\n    return () => clearInterval(interval);\n  }, [isLoading, dots]);\n\n  if (isLoading && dots) {\n    return '.'.repeat(dotCount);\n  }\n\n  return null;\n};\n\n","import React from 'react';\nimport { useBelocal } from './useBelocal';\nimport { useTranslationContext } from './hooks/useTranslationContext';\nimport { useTranslation } from './hooks/useTranslation';\nimport { useLoadingDots } from './hooks/useLoadingDots';\n\nexport type TranslateProps = {\n  text: string;\n  lang?: string;\n  source_lang?: string;\n  context?: Record<string, string>;\n  user_context?: string;\n  fallback?: string;\n  onSuccess?: (translation: string) => void;\n  onError?: (error: Error) => void;\n  dots?: boolean;\n};\n\nexport const Translate: React.FC<TranslateProps> = ({\n  text,\n  lang,\n  source_lang,\n  context,\n  user_context,\n  fallback,\n  onSuccess,\n  onError,\n  dots,\n}) => {\n  const { engine, defaultLang } = useBelocal();\n  const targetLang = lang ?? defaultLang;\n  const { finalContext, finalContextKey } = useTranslationContext(context, user_context);\n  \n  const { translatedText, isLoading } = useTranslation({\n    text,\n    targetLang,\n    source_lang,\n    finalContext,\n    finalContextKey,\n    fallback,\n    onSuccess,\n    onError,\n    engine,\n  });\n\n  const loadingDots = useLoadingDots(isLoading, dots);\n\n  if (loadingDots) {\n    return <>{loadingDots}</>;\n  }\n\n  if (isLoading) {\n    return <>{fallback || text}</>;\n  }\n\n  return <>{translatedText}</>;\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@belocal/react",
-  "version": "0.5.3",
+  "version": "0.6.1",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -28,7 +28,7 @@
     "react-dom": ">=17.0.0"
   },
   "dependencies": {
-    "@belocal/js-sdk": "^0.5.0"
+    "@belocal/js-sdk": "^0.6.1"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",