Skip to content

A tool for instant debugging different internationalization formats.

Notifications You must be signed in to change notification settings

grech-ca/i18n-playground

Repository files navigation

Tutorial

🌍 i18n Playground

A tool for instant debugging various internationalization formats.

Description

i18n Playground is a web-based tool designed to facilitate the debugging of internationalization formats. It provides developers with an intuitive interface to instantly visualize and test various internationalization formats, ensuring seamless localization of web applications.

Currently, i18n Playground supports the "messageformat" format, allowing developers to debug and validate their messageformat templates. However, we have plans to expand its capabilities to include support for other popular internationalization formats such as "fluent," "shopify format," and "polyglot."

✅ Features

  • UI/UX
    • Example Presets: Explore predefined examples to understand how internationalization formats work.
    • Template Input: Input your messageformat template for instant debugging and validation.
    • Template Validity Indicator: Easily identify the validity of your messageformat template.
    • Inputs Form Based on Keys: Dynamically generate input fields based on keys in the messageformat template.
      • Date input
      • Text input
      • Number input
      • Select input
      • Time input
      • Plural input
    • Whitespace Preservation: Toggle whitespace preservation to ensure accurate rendering.
    • Highlight value in the result string if the corresponding input is focused
  • Support for More Formats:
    • fluent format
    • shopify format
    • polyglot formats
  • History: Keep track of past debugging sessions for improved workflow and collaboration.

ℹ️ Usage

To use i18n Playground, simply visit the website and start debugging your internationalization formats right away.

⚖️ License

This project is licensed under the MIT License - see the LICENSE file for details.