Localization generator request

[alexkharech]

It would be great to add a localization generator from json files to get_cli, while generating an abstract class with keys and translation maps, just like in the easy_localization package.

input directory

en_EN.json
ru_RU.json

{
  "menu": {
    "logoutBtn": "Log out",
    "items": {
      "settings": "Settings",
      "notifications": "Notifications",
      "wallet": "Wallet"
    }
  }
}

{
  "menu": {
    "logoutBtn": "Выход",
    "items": {
      "settings": "Настройки",
        "notifications": "Оповещения",
        "wallet": "Кошелёк"
    }
  }
}

generated keys

abstract class LocaleKeys {
  static const menu_logoutBtn = 'menu.logoutBtn';
  static const menu_items_settings = 'menu.items.settings';
  static const menu_items_notifications = 'menu.items.notifications';
  static const menu_items_wallet = 'menu.items.wallet';
}

generated localization maps

abstract class Locales {
  static const Map<String, dynamic> en_US = {
    "menu": {
      "logoutBtn": "Log out",
      "items": {
        "settings": "Settings",
        "notifications": "Notifications",
        "wallet": "Wallet"
      },
    },
  };

  static const Map<String, dynamic> ru_RU = {
    "menu": {
      "logoutBtn": "Выход",
      "items": {
        "settings": "Настройки",
        "notifications": "Оповещения",
        "wallet": "Кошелёк"
      },
    },
  };
}

using

Text(LocaleKeys.menu_logoutBtn.tr)

[alexkharech]

can be a simple key / value map

  static const Map<String, dynamic> en_US = {
    "menu.logoutBtn": "Log out",
    "menu.items.settings": "Settings",
  };

[roipeker]

Agree 💯 , super useful feature for code generation.

[alexkharech]

I have implemented this, now I will post a pull request

[CpdnCristiano]

What a fantastic idea, I really liked it

[alexkharech]

PR #7

assets/locales - input directory with json files

get generate locales assets/locales

output file lib/generated/locales.g.dart

// DO NOT EDIT. This is code generated via package:get_cli/get_cli.dart

abstract class LocaleKeys {
    static const simple = 'simple';
  static const menu_logoutBtn = 'menu_logoutBtn';
  static const menu_items_settings = 'menu_items_settings';
  static const menu_items_notifications = 'menu_items_notifications';
  static const menu_items_wallet = 'menu_items_wallet';
}

abstract class Locales {
  
  static const en_US = {
   'simple': 'The Simple',
   'menu_logoutBtn': 'Log out',
   'menu_items_settings': 'Settings',
   'menu_items_notifications': 'Notifications',
   'menu_items_wallet': 'Wallet',
  };
  static const ru_RU = {
   'menu_logoutBtn': 'Выход',
   'menu_items_settings': 'Настройки',
   'menu_items_notifications': 'Оповещения',
   'menu_items_wallet': 'Кошелёк',
  };

}

[CpdnCristiano]

congratulations!! you did an excellent job

[CpdnCristiano]

I will close this issue

[jnickzlim]

Sorry for the dump question, but i could not figure out how to use the generated locales.

main.dart

void main() {
  runApp(
    GetMaterialApp(
      initialRoute: AppPages.INITIAL,
      getPages: AppPages.routes,
      translationsKeys: AppTranslation.translations,
      locale: Locale('en', 'US'),
      fallbackLocale: Locale('en', 'US'),
      supportedLocales: <Locale>[Locale('en', 'US'), Locale('zh', 'CN')],
      debugShowCheckedModeBanner: false,
    ),
  );
}

i have tried:

    Text(LocaleKeys.titles_home.tr) // not working
    Text(LocaleKeys.titles_home) // not working
    Text('titles_home'.tr) // not working

Thank you for the help in advance.

[CpdnCristiano]

is the text output in English or it's empty?

[jnickzlim]

The out put is titles_home instead of it's content.

[jnickzlim]

@CpdnCristiano or any one please help?

The generated locales.g.dart:

    // DO NOT EDIT. This is code generated via package:get_cli/get_cli.dart

abstract class AppTranslation {
  static Map<String, Map<String, String>> translations = {
    'zh_CN': Locales.zh_CN,
    'en_EN': Locales.en_EN,
  };
}

abstract class LocaleKeys {
  static const titles_home = 'titles_home';
  static const buttons_sign_up = 'buttons_sign_up';
  static const buttons_sign_in = 'buttons_sign_in';
  static const buttons_logout = 'buttons_logout';
}

abstract class Locales {
  static const zh_CN = {
    'titles_home': '首页',
    'buttons_sign_up': '注册',
    'buttons_sign_in': '登入',
    'buttons_logout': '退出',
  };
  static const en_EN = {
    'titles_home': 'Home',
    'buttons_sign_up': 'Sign Up',
    'buttons_sign_in': 'Sign in',
    'buttons_logout': 'Logout',
  };
}

In the app it shows the titles_home instead of Home or 首页

[CpdnCristiano]

you generated for the locale en_EN and are sitting on the app en_US

[jnickzlim]

Thank you for the shape eye, didn't notice the example was using EN instead of US
Cheers~!