Bug: ICU MessageFormat select is parsed incorrectly

[bennajah]

When using an ICU select message in messages/en.json, the generated TypeScript output is incorrect. The key name is parsed incorrectly and the resulting function is unusable.

messages/en.json

{
  "$schema": "https://inlang.com/schema/inlang-message-format",
  "mode": "{mode, select, light {Light} dark {Dark} system {System} other {Unknown}}"
}

src\lib\paraglide\messages\en.js

export const mode = /** @type {(inputs: { "mode, select, light {Light": NonNullable<unknown>, Dark: NonNullable<unknown>, System: NonNullable<unknown>, Unknown: NonNullable<unknown> }) => LocalizedString} */ (i) => {
	return /** @type {LocalizedString} */ (`Unknown`)
	return /** @type {LocalizedString} */ (`${i?.["mode, select, light {Light"]} dark ${i?.Dark} system ${i?.System} other ${i?.Unknown}}`)
};

[samuelstroschein]

Not reproducible.

See #604. Paraglide JS compiles the message as expected with the ICU1 plugin https://inlang.com/m/p7c8m1d2/plugin-inlang-icu-messageformat-1.

Do you have the ICU1 plugin installed?

[bennajah]

@samuelstroschein not working here is reproduction repo https://github.com/bennajah/svelte-app

getting this error

PS D:\projects\svelte-app> bun dev
$ vite dev

 ERROR  [paraglide-js] Failed to compile project: Variable reference "gender, select, male {He" not found in declarations

ℹ [paraglide-js] Please check your translation files for syntax errors.

[bennajah]

When using only the ICU MessageFormat v1 Plugin, everything works as expected.

However, when this plugin is used together with Inlang Message Format Plugin, it stops working.

[samuelstroschein]

That is expected. Different translatiom file syntaxes -> different plugins.

If you want to use icu1, you need to use the icu1 plugin

[bennajah]

That is expected. Different translatiom file syntaxes -> different plugins.

If you want to use icu1, you need to use the icu1 plugin

Okay thank you for clarification
I have one more question t-function plugin not supported for paraglide-js for svelte because cant find import for t variable like m variable

[samuelstroschein]

@bennajah paraglide js only emits m.* so use the m function plugin