翻译

支持21种印地语的React的转写组件. 使用来自 AI4-Bharat IndictXlit 数据。 。 。 .

目录

• 1. 关于
• 2. 演示
• 3. 安装
• 4. 使用费
  • 4.1. 基本实例
  • 4.2. 有定制部分
  • 4.3. 有类型脚本
  • 4.4. 与材料UI
  • 4.5 用外部API进行转写
• 5. 获得转写建议
  • 5.1. 独立实例
  • 5.2. 自定义触发键
  • 5.3. 道具
• 6. 语文
  • 6.1. 获得支持的语言
  • 6.2. 语言代码清单
• 7. 新地物:为经常使用的字进行缓存
• 8. 许可证

1. 关于

这是一个前端库,使您的用户能够以南亚的许多不同语言输入,并且可以被集成到任何基于反应的应用程序中. 这个图书馆是一个叉子 反应-翻译,它使用Google Translaterate API,支持全球约40种语言. 在这个模块中,我们的重点是为印地语,特别是克什米尔语,马尼普里语等低资源语言(Google不支持这些语言)提供高质量的转写-ug建议. 请检查url=值 (帮助) AI4Bhārat 印度语-Xlit语。 。 。 .

2. 演示

点击这里试试我们的演示!

该演示的出处可见于 example 文件夹 {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}你还得去吗.

3. 安装

npm install --save @ai4bharat/indic-transliterate

OR

yarn add @ai4bharat/indic-transliterate

4. 使用费

4.1. 基本实例

import React, { useState } from "react";

import { IndicTransliterate } from "@ai4bharat/indic-transliterate";
import "@ai4bharat/indic-transliterate/dist/index.css";

const App = () => {
  const [text, setText] = useState("");

  return (
    <IndicTransliterate
      value={text}
      onChangeText={(text) => {
        setText(text);
      }}
      lang="hi"
    />
  );
};

export default App;

4.2. 有定制部分

import React, { useState } from "react";

import { IndicTransliterate } from "@ai4bharat/indic-transliterate";
import "@ai4bharat/indic-transliterate/dist/index.css";

const App = () => {
  const [text, setText] = useState("");

  return (
    <IndicTransliterate
      renderComponent={(props) => <textarea {...props} />}
      value={text}
      onChangeText={(text) => {
        setText(text);
      }}
      lang="hi"
    />
  );
};

export default App;

4.3. 有类型脚本

import React, { useState } from "react";

import { IndicTransliterate, Language } from "@ai4bharat/indic-transliterate";
import "@ai4bharat/indic-transliterate/dist/index.css";

const App = () => {
  const [text, setText] = useState("");
  const [lang, setLang] = useState<Language>("hi");

  return (
    <IndicTransliterate
      renderComponent={(props) => <textarea {...props} />}
      value={text}
      onChangeText={(text) => {
        setText(text);
      }}
      lang={lang}
    />
  );
};

export default App;

4.4. 与材料UI

import React, { useState } from "react";

import { IndicTransliterate, Language } from "@ai4bharat/indic-transliterate";
import "@ai4bharat/indic-transliterate/dist/index.css";

import Input from "@material-ui/core/Input";

const App = () => {
  const [text, setText] = useState("");
  const [lang, setLang] = useState<Language>("hi");

  return (
    <IndicTransliterate
      renderComponent={(props) => {
        const inputRef = props.ref;
        delete props["ref"];
        return <Input {...props} inputRef={inputRef} />;
      }}
      value={text}
      onChangeText={(text) => {
        setText(text);
      }}
      lang={lang}
    />
  );
};

export default App;

4.5. 与外部API进行转写

import { IndicTransliterate } from "@ai4bharat/indic-transliterate";
import "@ai4bharat/indic-transliterate/dist/index.css";

const App = () => {
  const [text, setText] = useState("");

  return (
    <IndicTransliterate
      value={text}
      onChangeText={(text) => {
        setText(text);
      }}
      lang="hi"
      customApiURL="https://your-custom-transliteration-api/{language}/{text}"
    />
  );
};

export default App;

这使得用户可以整合自己的API,而不是依赖默认的转写API,只要外部API是一个 GET 下列格式的 API : https://your-custom-transliteration-api/{language}/{text} 并返回此格式的响应 :

{
  "result": [
    "suggestion-1",
    "suggestion-2",
    "suggestion-3",
    "suggestion-4",
    "suggestion-5",
    ...
  ],
  ...
}

5. 获得转写建议

5.1. 独立的例子

import { getTransliterateSuggestions } from "@ai4bharat/indic-transliterate";

const data = await getTransliterateSuggestions(
  word, // word to fetch suggestions for
  {
    numOptions: 5, // number of suggestions to fetch
    showCurrentWordAsLastSuggestion: true, // add the word as the last suggestion
    lang: "hi", // target language
  },
);

5.2. 自定义触发键

按下键后将当前选择输入文本框

翻译使用 event.keycode 属性以检测密钥。 这里有一些可以使用的预定义密钥 。 或者,你可以输入任何其它键的整数代码 作为触发器

import React, { useState } from "react";

import { IndicTransliterate, TriggerKeys } from "@ai4bharat/indic-transliterate";
import "@ai4bharat/indic-transliterate/dist/index.css";

import Input from "@material-ui/core/Input";

const App = () => {
  const [text, setText] = useState("");

  return (
    <IndicTransliterate
      value={text}
      onChangeText={(text) => {
        setText(text);
      }}
      lang="hi"
      triggerKeys={[
        TriggerKeys.KEY_RETURN,
        TriggerKeys.KEY_ENTER,
        TriggerKeys.KEY_SPACE,
        TriggerKeys.KEY_TAB,
      ]}
    />
  );
};

export default App;

5.3. 道具

6. 语文

6.1. 获得支持的语言

import { getTransliterationLanguages } from "@ai4bharat/indic-transliterate";

const data = await getTransliterationLanguages();

6.2. 语言代码清单

目前支持来自印度次大陆的下列21种语言:

7. 新地物:为经常使用的字进行缓存

概览:
该模块现在支持每个语言可高达一万个字的缓存来通过减少API调用来提高性能. 缓存机制存储了单词及其相应的建议,提高了生成建议的速度和效率,特别是对于常用的单词.

如何运作:

• 缓存初始化 :
  当用户开始打字时,工具会获取每个单词的建议. 如果第一次使用一个单词,则在缓存中加上其建议并初始频率计数: 1。 。 。 .

• 缓存结构 :
  缓存按语言排列,每种语言都有自己的词典及其建议:

  {
    language-1: {
      word-1: {
        suggestions: string[],
        frequency: number
      },
      word-2: {
        suggestions: string[],
        frequency: number
      },
      word-3: {
        suggestions: string[],
        frequency: number
      },
      ...
    },
    language-2:{
    ...
    },
    ...
  }
  

• 快取查询 :

  • 当一个单词被打入时,工具首先在缓存中查找.
  • 如果找到,建议会被取回,频率计数会被递增.
  • 如果找不到,该工具会从API中获取建议,将单词添加到缓存中,并初始化频率计数为 1.

• 缓存管理 :

  • 缓存限为一万个单词.
  • 当特定语言的缓存超过一万字时,会去掉最常用的词来为新条目提供空间.

• 示例工作流程 :

  1. 用户开始输入一个单词( 如"你好" ) :
     • 工具检查缓存是否为单词 .
     • 如果找到"你好",则取出建议,并增加频率.
     • 如果找不到"你好",则从API中取出建议,将"你好"加入到缓存中,频率为1.
  2. 缓存大小超过一万字 :
     • 使用最少的词被新词及其建议所取代.

• 主要惠益:

  • 改进性能:通过对常用单词使用缓存建议来减少API的调用.
  • 适应性缓存:自动调整用户行为,增加常用单词的频数.
  • 高效存储:用得最少的单词被替换,以保持最佳缓存大小.

8. 许可证

麻省理工学院 ai4 图片

真诚感谢 布尔汉努日 他的工作是开源的!