Translation without internet connection

[phuongnguyenzoi]

We are thinking of bring this tolgee into our react native app since web version is using Tolgee and work magically.
But we gonna have offline mode for our app soon, so I'm wonder if Tolgee support offline mode?

[stepan662]

Hey, it depends on how you use it. We recommend bundle translation files directly with your application for production. If you do that it works offline without problem. You can read more e.g. here.

[phuongnguyenzoi]

@stepan662
Hey, hope you doing fine.

The reason that we want to use tolgee is that we can change the translation without having to make another version to store.

And since my app have offline mode, so I'm wonder if I can have tolgee both way, online communication with tolgee server while use have internet, and use dynamic files when users are in offline mode

[stepan662]

Hello, do I understand correctly, you are loading translations from Tolgee platform on production?

It should work if you configure it this way:

<TolgeeProvider
  staticData={{
    en: () => import('./i18n/en.json'),
    de: () => import('./i18n/de.json'),
  }}
  apiUrl="..."
  apiKey="<readOnlyApiKey>"
  ...
>
  ...
</TolgeePrivider>

Tolgee SDK should fallback to them if it fails to load translations from Tolgee platform.

But be aware, that this is kinda hack.

[phuongnguyenzoi]

Right now I don't use static data.

          <TolgeeProvider
            filesUrlPrefix="i18n/"
            apiUrl={"https"}
            apiKey={"tgpak"}
          >
          <App/>
         </TolgeeProvider>

This is how I'm using it.
But somehow, the app return blank screen when I add the Tolgee Provider in

[phuongnguyenzoi]

So, I'm trying to do another way, kind of create an instance of Tolgee. Something like this

import { Tolgee, IcuFormatter } from "@tolgee/core";

const tg = Tolgee.use(IcuFormatter).init({
  apiKey: "tgpak_geztenk7ofuhk4bqmm2gszjqmf2go2zwgiztczdegjvtk5jrn4",
  apiUrl: "https://app.tolgee.io",
})

console.log('tg: ', tg.translate("quality_standards.task_actions").then(res => console.log('res translate: ', res)
));

Here is the log when trying to call tg.translate
res translate: %-%tolgee:quality_standards.task_actions%-%

[stepan662]

The first example should be correct. What kind of error does it throws?

BTW: We don't officially support React native, did you make it work? 😄