transform bundle so no runtime parsing is needed

[ivanhofer]

In its current implementation typesafe-i18n needs to parse each translation the first time it gets called. The parsing part is taking about half of the bundle size. The whole library could be trimmed to < 500 bytes if the parsing would take place compile-time.

Instead of this:

const en: Translation = {
   'HELLO': 'Hi {name:string}!'
}
export default en

the production bundle output could be:

const en: Translation = {
   'HELLO': ['Hi ', { k: 'name' }, '!']
}
export default en

This would mean slightly larger output for each translation file, but this should compress (gzip) better because of its repetitive pattern. If the parsing is not needed run-time, the library should be even faster (mostly nanoseconds).

What needs to be done:

• evaluate the impact regarding bundle size
• evaluate the time-savings if message parsing is not needed
• implement an AST-transform function that parses and replaces each message
• remove parsing part from output bundle

[ivanhofer]

I recently saw this babel plugin that does something similar

[abastardi]

Note, babel-plugin-precompile-intl is used by svelte-intl-precompile. Maybe have a look at that library for some inspiration as well.

[Suyashtnt]

Maybe make it an unplugin thing (unplugin are plugins that work with any bundler)

[ivanhofer]

really cool, thanks for sharing!

[Suyashtnt]

really cool, thanks for sharing!

Svelte-intl-precompile uses a vite plugin, so maybe take inspiration from that