Merge pull request #179 from AI4Bharat/xlit01

use anudesh backend as a proxy api for transliteration
AI4Bharat · Nov 20, 2024 · 6b66ae8 · 6b66ae8
2 parents f6d7637 + f2e8e35
commit 6b66ae8
Show file tree

Hide file tree

Showing 12 changed files with 4,669 additions and 3,562 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,7 +11,6 @@
     "deploy": "gh-pages -d build"
   },
   "dependencies": {
-    "@ai4bharat/indic-transliterate": "^1.3.2",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@material-ui/core": "^4.12.4",
@@ -60,7 +59,8 @@
     "react-speech-recognition": "^3.10.0",
     "react-syntax-highlighter": "^15.5.0",
     "recharts": "^2.12.0",
-    "regenerator-runtime": "^0.14.1"
+    "regenerator-runtime": "^0.14.1",
+    "textarea-caret": "^3.1.0"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.16",

diff --git a/src/app/ui/pages/chat/AddGlossary.jsx b/src/app/ui/pages/chat/AddGlossary.jsx
@@ -25,11 +25,12 @@ import CustomizedSnackbars from "@/components/common/Snackbar";
 import {
   IndicTransliterate,
   getTransliterationLanguages,
-} from "@ai4bharat/indic-transliterate";
+} from "@/libs/dist";
 import "../../../../IndicTransliterate/index.css";
 import { MenuProps } from "@/utils/utils";
 import { fetchGetAddGlossary, setDomain } from "@/Lib/Features/actions/AddGlossary";
 import { fetchDomain } from "@/Lib/Features/actions/getDomain";
+import configs from "@/config/config";
 
 const AddGlossary = ({
   openDialog,
@@ -281,6 +282,8 @@ const AddGlossary = ({
 
                 { Sourcedata.length > 0 && selectedSourceLang !== "en" ? (
                  <IndicTransliterate
+                  customApiURL={`${configs.BASE_URL_AUTO}/tasks/xlit-api/generic/transliteration/`}
+                  apiKey={`JWT ${localStorage.getItem('anudesh_access_token')}`}
                   lang={Sourcelanguage.LangCode  ? Sourcelanguage.LangCode  : (Sourcedata.length > 0   ?   Sourcedata[0]?.LangCode  : "hi" )}
                   value={SourceText}
                   onChangeText={(SourceText) => {
@@ -297,6 +300,8 @@ const AddGlossary = ({
               />)}
                { data.length > 0 && selectedTargetLang !== "en" ? (
                 <IndicTransliterate
+                  customApiURL={`${configs.BASE_URL_AUTO}/tasks/xlit-api/generic/transliteration/`}
+                  apiKey={`JWT ${localStorage.getItem('anudesh_access_token')}`}
                   lang={Targetlanguage.LangCode  ? Targetlanguage.LangCode : (data.length > 0  ?  data[0]?.LangCode : "hi")}
                   value={targetText}
                   onChangeText={(targetText) => {

diff --git a/src/app/ui/pages/chat/SuggestAnEdit.jsx b/src/app/ui/pages/chat/SuggestAnEdit.jsx
@@ -23,11 +23,9 @@ import { setDomain } from "@/Lib/Features/actions/AddGlossary";
 import CustomizedSnackbars from "@/components/common/Snackbar";
 import SuggestAnEditAPI from "../../../actions/api/Annotate/SuggestAnEditAPI";
 import { MenuProps } from "@/utils/utils";
-import {
-  IndicTransliterate,
-  getTransliterationLanguages,
-} from "@ai4bharat/indic-transliterate";
-import "@ai4bharat/indic-transliterate/dist/index.css";
+import { IndicTransliterate, getTransliterationLanguages } from "@/libs/dist";
+import configs from "@/config/config";
+// import "@ai4bharat/indic-transliterate/dist/index.css";
 
 const SuggestAnEdit = ({
     openDialog,
@@ -150,6 +148,8 @@ const SuggestAnEdit = ({
 
                   { targetData.length > 0 && targetlang !== "en" ? (
                    <IndicTransliterate
+                    customApiURL={`${configs.BASE_URL_AUTO}/tasks/xlit-api/generic/transliteration/`}
+                    apiKey={`JWT ${localStorage.getItem('anudesh_access_token')}`}
                     lang={Targetlanguage.LangCode ? Targetlanguage.LangCode : (targetData.length > 0  ?  targetData[0]?.LangCode : "en" )}
                     value={targetText}
                     onChangeText={(targetText) => {

diff --git a/src/app/ui/pages/dual-screen-preference-ranking/PreferenceRanking.jsx b/src/app/ui/pages/dual-screen-preference-ranking/PreferenceRanking.jsx
@@ -1,10 +1,11 @@
 import React, { useState } from "react";
 import classNames from "classnames";
 import { Box, FormControlLabel, Typography } from "@mui/material";
-import { IndicTransliterate } from "@ai4bharat/indic-transliterate";
+import { IndicTransliterate } from "@/libs/dist";
 
 import "./styles.css";
 import { CheckBox } from "@mui/icons-material";
+import configs from "@/config/config";
 
 const orange = {
   200: "pink",
@@ -350,6 +351,8 @@ const OutputSelection = () => {
       <Box className="feedback-section">
         {globalTransliteration ? (
           <IndicTransliterate
+            customApiURL={`${configs.BASE_URL_AUTO}/tasks/xlit-api/generic/transliteration/`}
+            apiKey={`JWT ${localStorage.getItem('anudesh_access_token')}`}
             renderComponent={(props) => (
               <textarea
                 sx={{

diff --git a/src/components/Chat/TextArea.jsx b/src/components/Chat/TextArea.jsx
@@ -7,8 +7,9 @@ import IconButton from "@mui/material/IconButton";
 import SendRoundedIcon from "@mui/icons-material/SendRounded";
 import CircularProgress from "@mui/material/CircularProgress";
 import { TextareaAutosize as BaseTextareaAutosize } from "@mui/base/TextareaAutosize";
-import { IndicTransliterate } from "@ai4bharat/indic-transliterate";
+import { IndicTransliterate } from "@/libs/dist";
 import { TextareaAutosize } from "@material-ui/core";
+import configs from "@/config/config";
 
 const orange = {
   200: "pink",
@@ -160,6 +161,8 @@ export default function Textarea({
     >
       {globalTransliteration ? (
         <IndicTransliterate
+          customApiURL={`${configs.BASE_URL_AUTO}/tasks/xlit-api/generic/transliteration/`}
+          apiKey={`JWT ${localStorage.getItem('anudesh_access_token')}`}
           renderComponent={(props) => (
             <textarea
               xs={size}

diff --git a/src/components/Transliteration/Transliteration.jsx b/src/components/Transliteration/Transliteration.jsx
@@ -1,13 +1,14 @@
 import React, { useEffect, useState ,useRef} from "react";
 import { TextField } from "@mui/material";
 import { Autocomplete, Box, Button, Card, Grid, Typography } from "@mui/material";
-import { IndicTransliterate, getTransliterationLanguages } from "@ai4bharat/indic-transliterate";
+import { IndicTransliterate, getTransliterationLanguages } from "@/libs/dist";
 import "../../IndicTransliterate/index.css"
 import GlobalStyles from "@/styles/LayoutStyles";
 import CustomizedSnackbars from "../common/Snackbar";
 import useMediaQuery from '@mui/material/useMediaQuery';
 import { useSelector } from "react-redux";
 import { useParams } from "react-router-dom";
+import configs from "@/config/config";
   /* eslint-disable react-hooks/exhaustive-deps */
 
 const Transliteration = (props) => {
@@ -123,6 +124,8 @@ const Transliteration = (props) => {
       </Grid>
 
       <IndicTransliterate
+        customApiURL={`${configs.BASE_URL_AUTO}/tasks/xlit-api/generic/transliteration/`}
+        apiKey={`JWT ${localStorage.getItem('anudesh_access_token')}`}
         lang={selectedLang.LangCode ? selectedLang.LangCode : (data.length > 0 && (params.taskId || params.id) ? data[0]?.LangCode : "hi")}
         value={text}
         onChangeText={(val) => {

diff --git a/src/components/common/Search.jsx b/src/components/common/Search.jsx
@@ -5,8 +5,8 @@ import themeDefault from '../../themes/theme'
  import  "../../styles/Dataset.css";
  import { useDispatch, useSelector } from "react-redux";
 import { setSearchProjectCard } from "@/Lib/Features/searchProjectCard";
-import { IndicTransliterate } from "@ai4bharat/indic-transliterate";
-
+import { IndicTransliterate } from "@/libs/dist";
+import configs from "@/config/config";
 
 const Search = (props) => {
   const ref = useRef(null);
@@ -52,6 +52,8 @@ const Search = (props) => {
                     </Grid>
                     {globalTransliteration=="true" ? 
                     <IndicTransliterate 
+                    customApiURL={`${configs.BASE_URL_AUTO}/tasks/xlit-api/generic/transliteration/`}
+                    apiKey={`JWT ${localStorage.getItem('anudesh_access_token')}`}
                     renderComponent={(props) => (
                       <textarea