We are excited to announce the Canva localization process and the beta release of the @canva/app-i18n-kit!
The Canva localization process allows you to grow your app’s global reach with our free translation service. The @canva/app-i18n-kit is a React library which allows you to load these translations into your app.
What’s new?
A new <AppI18nProvider> React component for your app which:
Loads the preferred Canva language setting of the user
Loads appropriate translations for the user (after your app has been approved and translated!)
Works with react-intl to render these translations in your app and localize other user content (e.g. numbers, dates, times, etc.)
Provides pseudolocalization, which allows you to detect problems your app UI might have when rendering text of other languages
Getting started
To learn how to translate your app for free using the Canva localization process, see here.
To migrate your existing app to use @canva/app-i18n-kit, see here.
@canva/app-i18n-kit is still in beta so we would appreciate your feedback to develop this package further. If you have any questions or would like to share your experiences, please feel free to reach out to us.
Looking forward to seeing the amazing internationalized apps you’ll build!
Hey @ruacon,
We’ve just released a GA version of @canva/app-i18n-kit.
Any apps using this version (1.0.0) can be released.
We still appreciate any feedback on this package, and the app localization process in general.
Thank you
great to see i18n support @harrisonl
question for you: we have an app going through review; it’s been 59 days since it was first submitted and we’re currently in Functional Review; since then you’ve launched i18n and now we’ve implemented it, and we’ve also added i18n to our backend; the app adds animated captions to an image in your voice, colors, font and now also in the correct language to match the UI i18n. my question: should we cancel the app submission and re-submit with i18n added, or should we wait? will re-submission move us back to the end of the review queue? app id is AAGJ-DtnjPg
I’ve just chatted with the review team and they’ve requested you get the current version approved and released first. Then re-submit with internationalization in the next version. Is that possible? Thanks
Hey @harrisonl another question - we are submitting another app with translation.
It’s a pretty simple app that adds countdown timers to your design.
But when uploading our translation JSON file, we get an error “File contains 203 messages. The limit is 100”
Is this a temporary limit while you understandably get the translation process scaled up, or is that going to be the limit?
We can see a way to cut down to ~160 if we skip the translation of some Select options, which is not great.
But I cannot see how we can get below 100 without making the UX a messy jumble of English and translated words.
Please advise. Thanks!
Hi @harrisonl ,
Are all the words, sentences, etc. that need translation supposed to be in the messages_en.json file? I noticed that some of the error messages I use to display from the server are not in this file after building.
Thank
Hi @ruacon,
Yes they should be.
I can help you address / fix it. But could you please make a separate post so it will be easier for others devs to find if they run into the same issue/concern.
Thanks
What’s new?
Getting started
Other learning resources
More details
.
closing the loop on this one as we’ve now actioned this.