Localization generator request

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)

can be a simple key / value map

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

Agree 💯 , super useful feature for code generation.

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

What a fantastic idea, I really liked it

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': 'Кошелёк',
  };

}

congratulations!! you did an excellent job

I will close this issue

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.

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

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

@CpdnCristiano

@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 首页

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

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

Navigation Menu

Repository navigation

Localization generator request #6

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Localization generator request #6

Description

Activity

alexkharech commented on Sep 3, 2020

roipeker commented on Sep 3, 2020

alexkharech commented on Sep 3, 2020

CpdnCristiano commented on Sep 3, 2020

alexkharech commented on Sep 3, 2020

CpdnCristiano commented on Sep 3, 2020

CpdnCristiano commented on Sep 3, 2020

jnickzlim commented on Jan 10, 2021

CpdnCristiano commented on Jan 10, 2021

jnickzlim commented on Jan 10, 2021

jnickzlim commented on Jan 11, 2021

CpdnCristiano commented on Jan 11, 2021

jnickzlim commented on Jan 11, 2021

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions