open-index/open-npm huggingface dataset:
npm package: @jiotranslate/core-beta
Description: Library providing ability to translate messages directly in context of developed application.
Latest version: 1.0.0-alpha.1

<h1 align="center" style="border-bottom: none">
    <b>
        <a href="https://translate.jio/">JioTranslate JS Core</a><br>
    </b>
    The Core of JioTranslate JS integrations
    <br>
</h1>


## What is JioTranslate JS Core?
It's the core library of JioTranslate JS integrations it contains only the most general functionality..


## Installation

```
npm install @jiotranslate/core-beta
```


## Usage

First, create a JioTranslate instance and run it.

```ts
import { JioTranslateCore } from "@jiotranslate/core-beta";

const jt = JioTranslateCore()
  .use(...)
  .init(...)

jt.run();
```



## Why use JioTranslate?

It saves you a significant amount of time on localization tasks. It also ensures your software is perfectly translated.

### Features

- Comprehensive localization solution tailored for your JavaScript application 🙌
- Seamless in-context localization right from the start 🎉

- Translation management system 🎈
npm package: @jiotranslate/ngx-beta
Description: Angular integration of JioTranslate localization tool
Latest version: 1.0.0-beta.2



<h1 align="center" style="border-bottom: none">
    <b>
       <a href="https://localization-platform.sit.translate.jio">JioTranslate for Angular</a><br>
    </b>
    The JioTranslate i18n SDK for Angular
    <br>
</h1>





# What's JioTranslate for Angular?
Angular integration library of JioTranslate. With this package. It's super simple to add i18n to your Angular app!




## Installation

```
npm install @jiotranslate/ngx-beta
```


Then use the library in your `app.module.ts`. You have to add `NgxJioTranslateModule` to your imports section and
add factory provider for `JIOTRANSLATE_INSTANCE` token returning your JioTranslate instance.

```typescript
...
import {
  DevTools,
  NgxJioTranslateModule,
  JioTranslate,
  JIOTRANSLATE_INSTANCE,
  FormatSimple
} from '@jiotranslate/ngx-beta';
...
@NgModule({
  declarations: [
    ...
  ],
  imports: [
    NgxJioTranslateModule,
    ...
  ],
  providers: [
    {
      provide: JIOTRANSLATE_INSTANCE,
      useFactory: () => {
        return JioTranslate()
          .use(DevTools())
          .use(FormatSimple())
          .init({
            language: 'en'

            // for development
            apiUrl: environment.jiotranslateApiUrl,
            apiKey: environment.jiotranslateApiKey,

            // for production
            staticData: {
              ...
            }
          });
      },
    },
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}
```

## Usage
Translating using pipe:
```html
<h1>{{&#39;hello_world&#39; | jiotms}}</h1>
```

Or using jio-tms attribute
```html
<h1 jio-tms key="providing_default_values"></h1>
```

## Prerequisites

1. An existing Angular project
2. An API key obtained from [JioTranslate Platform](https://localization-platform.sit.translate.jio).
   


## Why use JioTranslate?

It saves you a significant amount of time on localization tasks. It also ensures your software is perfectly translated.

### Features

- Comprehensive localization solution tailored for your JavaScript application 🙌
- Seamless localization right from the start 🎉
- Translation management system 🎈
npm package: @jiotranslate/react-beta
Description: React implementation for JioTranslate localization framework
Author: JioTranslate
Latest version: 1.0.0-beta.12

<h1 align="center" style="border-bottom: none">
    <b>
        <a href="https://localization-platform.sit.translate.jio">JioTranslate for React</a><br>
    </b>
    The JioTranslate i18n SDK for React
    <br>
</h1>





# What is JioTranslate for React?
React integration library of JioTranslate. This package makes it super simple to add i18n to your React app!


## Installation

```
npm install @jiotranslate/react-beta
```


Then use the library in your app:

```typescript jsx
import {
  JioTranslate,
  JioTranslateProvider,
  DevTools,
  LanguageDetector,
} from "@jiotranslate/react-beta";

const jt = JioTranslate()
  .use(DevTools())
  .use(LanguageDetector())
  .init({
    defaultLanguage: 'en',
    fallbackLanguage: 'en',
    apiUrl: import.meta.env.VITE_APP_JIOTRANSLATE_API_URL,
    apiKey: import.meta.env.VITE_APP_JIOTRANSLATE_API_KEY,
    staticData: {
      en: () => import('./i18n/en.json').then((m) => m.default),
      es: () => import('./i18n/es.json').then((m) => m.default),
      cs: () => import('./i18n/cs.json').then((m) => m.default),
      fr: () => import('./i18n/fr.json').then((m) => m.default),
      de: () => import('./i18n/de.json').then((m) => m.default),
      pt: () => import('./i18n/pt.json').then((m) => m.default),
      da: () => import('./i18n/da.json').then((m) => m.default),
    },
  });


 <JioTranslateProvider jioTranslate={jt}>
  <Your app components>
 </JioTranslateProvider>
```
## Providing Data from backend

Provide static localization data in production mode or if you want to use it without JioTranslate platform.

```typescript jsx
import {
  BackendFetch
} from '@jiotranslate/react-beta';

const jt = JioTranslate()
   .....
  .use(BackendFetch({
      prefix: "api-url",
      headers: { authorization: "Auth token" }, //optional
    }))
  ....
  .init({
   defaultLanguage: "en",
    fallbackLanguage: "en",
    availableLanguages: ["en", "hi"],
    
  });


 <JioTranslateProvider jioTranslate={jt}>
  <Your app components>
 </JioTranslateProvider>
```



To translate texts using JioTranslate React integration, you can use `JioTMS` component or `useTranslate` hook.

### JioTMS component

```typescript jsx
import { JioTMS } from "@jiotranslate/react-beta";

...

<JioTMS>translation_key</JioTMS>
```

or

```typescript jsx
<JioTMS keyName="translation_key">Default value</JioTMS>
```

### useTranslate hook

```javascript
import { useTranslate } from "@jiotranslate/react-beta";

...

const { jioTMS } = useTranslate();

...

jioTMS("key_to_translate")
```


## Prerequisites

1. An existing React project
2. An API key obtained from [JioTranslate Platform](https://localization-platform.sit.translate.jio).
   


## Why use JioTranslate?

It saves you a significant amount of time on localization tasks. It also ensures your software is perfectly translated.

### Features

- Comprehensive localization solution tailored for your JavaScript application 🙌
- Seamless in-context localization right from the start 🎉

- Translation management system 🎈
npm package: @jiotranslate/web-beta
Description: JioTranslate for web
Author: JioTranslate
Latest version: 1.0.0-alpha.2

<h1 align="center" style="border-bottom: none">
    <b>
        <a href="https://localization-platform.sit.translate.jio">JioTranslate for Web</a><br>
    </b>
    The JioTranslate i18n SDK for Web
    <br>
</h1>





# What is JioTranslate for Web?
Web integration library of JioTranslate. This package makes it super simple to add i18n to your Web app!


## Installation

```
npm install @jiotranslate/web-beta
```


Then use the library in your app:



## Usage

First, create a JioTranslate instance and run it.

```ts
import { JioTranslate, DevTools, FormatSimple } from "@jiotranslate/web-beta";

const jt = JioTranslate()
  .use(DevTools())
  .use(FormatSimple())
  .init({
    apiKey: "your_api_key",
    apiUrl: "https://localization-platform.sit.translate.jio/",
  })

jt.run();
```

Then, use it to translate your strings.

```ts
jt.onLangLoaded.subscribe(() => {
  document.title = jt.translate("hello_world");
});
```


## Why use JioTranslate?

It saves you a significant amount of time on localization tasks. It also ensures your software is perfectly translated.

### Features

- Comprehensive localization solution tailored for your JavaScript application 🙌
- Seamless in-context localization right from the start 🎉

- Translation management system 🎈
npm package: @jiphyeonjeon-42/contracts
Description: v2 API contract for [Jiphyeonjeon-42 web service](https://github.com/jiphyeonjeon-42). Currently Work In Progress. Powered by [ts-rest](https://ts-rest.com).
Author: the jiphyeonjeon developers
Latest version: 0.0.4-alpha

# Contracts

v2 API contract for [Jiphyeonjeon-42 web service](https://github.com/jiphyeonjeon-42). Currently Work In Progress. Powered by [ts-rest](https://ts-rest.com).