@qlover/create-app 0.7.15 → 0.9.0

package/dist/templates/react-app/config/app.router.ts

@@ -1,4 +1,14 @@
 import type { RouteConfigValue } from '@/base/cases/RouterLoader';
+import { aboutI18n } from './i18n/aboutI18n';
+import { executorI18n } from './i18n/executorI18n';
+import { homeI18n } from './i18n/homeI18n';
+import { identifiter18n } from './i18n/identifiter18n';
+import { jsonStorage18n } from './i18n/jsonStorage18n';
+import { login18n } from './i18n/login18n';
+import { messageI18n } from './i18n/messageI18n';
+import { notFound18n, serverError18n } from './i18n/notFoundI18n';
+import { register18n } from './i18n/register18n';
+import { request18n } from './i18n/request18n';
 import * as identifier from './Identifier';
 
 export const baseRoutes: RouteConfigValue[] = [
@@ -20,7 +30,8 @@ export const baseRoutes: RouteConfigValue[] = [
           title: identifier.PAGE_HOME_TITLE,
           description: identifier.PAGE_HOME_DESCRIPTION,
           icon: 'home',
-          localNamespace: 'common'
+          localNamespace: 'common',
+          i18nInterface: homeI18n
         }
       },
       {
@@ -30,7 +41,8 @@ export const baseRoutes: RouteConfigValue[] = [
           title: identifier.PAGE_ABOUT_TITLE,
           description: identifier.PAGE_ABOUT_DESCRIPTION,
           icon: 'info',
-          localNamespace: 'common'
+          localNamespace: 'common',
+          i18nInterface: aboutI18n
         }
       },
       {
@@ -40,7 +52,8 @@ export const baseRoutes: RouteConfigValue[] = [
           title: identifier.PAGE_JSONSTORAGE_TITLE,
           description: identifier.PAGE_JSONSTORAGE_DESCRIPTION,
           icon: 'info',
-          localNamespace: 'common'
+          localNamespace: 'common',
+          i18nInterface: jsonStorage18n
         }
       },
       {
@@ -50,7 +63,8 @@ export const baseRoutes: RouteConfigValue[] = [
           title: identifier.PAGE_REQUEST_TITLE,
           description: identifier.PAGE_REQUEST_DESCRIPTION,
           icon: 'info',
-          localNamespace: 'common'
+          localNamespace: 'common',
+          i18nInterface: request18n
         }
       },
       {
@@ -60,7 +74,8 @@ export const baseRoutes: RouteConfigValue[] = [
           title: identifier.PAGE_EXECUTOR_TITLE,
           description: identifier.PAGE_EXECUTOR_DESCRIPTION,
           icon: 'info',
-          localNamespace: 'common'
+          localNamespace: 'common',
+          i18nInterface: executorI18n
         }
       },
       {
@@ -70,27 +85,28 @@ export const baseRoutes: RouteConfigValue[] = [
           title: identifier.PAGE_ERROR_IDENTIFIER_TITLE,
           description: identifier.PAGE_ERROR_IDENTIFIER_DESCRIPTION,
           icon: 'info',
-          localNamespace: 'common'
+          localNamespace: 'common',
+          i18nInterface: identifiter18n
         }
       },
       {
-        path: '404',
-        element: '404',
+        path: 'message',
+        element: 'base/MessagePage',
         meta: {
-          category: 'common',
-          title: identifier.PAGE_404_TITLE,
-          description: identifier.PAGE_404_DESCRIPTION,
-          localNamespace: 'common'
+          title: identifier.PAGE_MESSAGE_TITLE,
+          description: identifier.PAGE_MESSAGE_DESCRIPTION,
+          icon: 'message',
+          localNamespace: 'common',
+          i18nInterface: messageI18n
         }
       },
       {
-        path: '500',
-        element: '500',
+        path: '*',
+        element: 'NoRouteFound',
         meta: {
           category: 'common',
-          title: identifier.PAGE_500_TITLE,
-          description: identifier.PAGE_500_DESCRIPTION,
-          localNamespace: 'common'
+          localNamespace: 'common',
+          i18nInterface: notFound18n
         }
       }
     ]
@@ -114,7 +130,8 @@ export const baseRoutes: RouteConfigValue[] = [
           title: identifier.PAGE_LOGIN_TITLE,
           description: identifier.PAGE_LOGIN_DESCRIPTION,
           icon: 'info',
-          localNamespace: 'common'
+          localNamespace: 'common',
+          i18nInterface: login18n
         }
       },
       {
@@ -124,7 +141,17 @@ export const baseRoutes: RouteConfigValue[] = [
           title: identifier.PAGE_REGISTER_TITLE,
           description: identifier.PAGE_REGISTER_DESCRIPTION,
           icon: 'info',
-          localNamespace: 'common'
+          localNamespace: 'common',
+          i18nInterface: register18n
+        }
+      },
+      {
+        path: '*',
+        element: 'NoRouteFound',
+        meta: {
+          category: 'common',
+          localNamespace: 'common',
+          i18nInterface: notFound18n
         }
       }
     ]
@@ -135,9 +162,8 @@ export const baseRoutes: RouteConfigValue[] = [
     element: '404',
     meta: {
       category: 'common',
-      title: identifier.PAGE_404_TITLE,
-      description: identifier.PAGE_404_DESCRIPTION,
-      localNamespace: 'common'
+      localNamespace: 'common',
+      i18nInterface: notFound18n
     }
   },
   {
@@ -145,19 +171,19 @@ export const baseRoutes: RouteConfigValue[] = [
     element: '500',
     meta: {
       category: 'common',
-      title: identifier.PAGE_500_TITLE,
-      description: identifier.PAGE_500_DESCRIPTION,
-      localNamespace: 'common'
+      localNamespace: 'common',
+      i18nInterface: serverError18n
     }
   },
   {
     path: '*',
-    element: '404',
+    element: 'NoRouteFound',
     meta: {
       category: 'common',
       title: identifier.PAGE_404_TITLE,
       description: identifier.PAGE_404_DESCRIPTION,
-      localNamespace: 'common'
+      localNamespace: 'common',
+      i18nInterface: notFound18n
     }
   }
 ];
@@ -177,7 +203,8 @@ export const baseNoLocaleRoutes: RouteConfigValue[] = [
           title: identifier.PAGE_HOME_TITLE,
           description: identifier.PAGE_HOME_DESCRIPTION,
           icon: 'home',
-          localNamespace: 'common'
+          localNamespace: 'common',
+          i18nInterface: homeI18n
         }
       },
       {
@@ -187,7 +214,8 @@ export const baseNoLocaleRoutes: RouteConfigValue[] = [
           title: identifier.PAGE_ABOUT_TITLE,
           description: identifier.PAGE_ABOUT_DESCRIPTION,
           icon: 'info',
-          localNamespace: 'common'
+          localNamespace: 'common',
+          i18nInterface: aboutI18n
         }
       },
       {
@@ -197,7 +225,8 @@ export const baseNoLocaleRoutes: RouteConfigValue[] = [
           title: identifier.PAGE_JSONSTORAGE_TITLE,
           description: identifier.PAGE_JSONSTORAGE_DESCRIPTION,
           icon: 'info',
-          localNamespace: 'common'
+          localNamespace: 'common',
+          i18nInterface: jsonStorage18n
         }
       },
       {
@@ -207,7 +236,8 @@ export const baseNoLocaleRoutes: RouteConfigValue[] = [
           title: identifier.PAGE_REQUEST_TITLE,
           description: identifier.PAGE_REQUEST_DESCRIPTION,
           icon: 'info',
-          localNamespace: 'common'
+          localNamespace: 'common',
+          i18nInterface: request18n
         }
       },
       {
@@ -217,37 +247,30 @@ export const baseNoLocaleRoutes: RouteConfigValue[] = [
           title: identifier.PAGE_EXECUTOR_TITLE,
           description: identifier.PAGE_EXECUTOR_DESCRIPTION,
           icon: 'info',
-          localNamespace: 'common'
+          localNamespace: 'common',
+          i18nInterface: executorI18n
         }
       },
       {
-        path: 'errorIdentifier',
-        element: 'base/ErrorIdentifierPage',
+        path: 'identifier',
+        element: 'base/IdentifierPage',
         meta: {
           title: identifier.PAGE_ERROR_IDENTIFIER_TITLE,
           description: identifier.PAGE_ERROR_IDENTIFIER_DESCRIPTION,
           icon: 'info',
-          localNamespace: 'common'
-        }
-      },
-      {
-        path: '404',
-        element: '404',
-        meta: {
-          category: 'common',
-          title: identifier.PAGE_404_TITLE,
-          description: identifier.PAGE_404_DESCRIPTION,
-          localNamespace: 'common'
+          localNamespace: 'common',
+          i18nInterface: identifiter18n
         }
       },
       {
-        path: '500',
-        element: '500',
+        path: 'message',
+        element: 'base/MessagePage',
         meta: {
-          category: 'common',
-          title: identifier.PAGE_500_TITLE,
-          description: identifier.PAGE_500_DESCRIPTION,
-          localNamespace: 'common'
+          title: identifier.PAGE_MESSAGE_TITLE,
+          description: identifier.PAGE_MESSAGE_DESCRIPTION,
+          icon: 'message',
+          localNamespace: 'common',
+          i18nInterface: messageI18n
         }
       }
     ]
@@ -290,9 +313,8 @@ export const baseNoLocaleRoutes: RouteConfigValue[] = [
     element: '404',
     meta: {
       category: 'common',
-      title: identifier.PAGE_404_TITLE,
-      description: identifier.PAGE_404_DESCRIPTION,
-      localNamespace: 'common'
+      localNamespace: 'common',
+      i18nInterface: notFound18n
     }
   },
   {
@@ -300,19 +322,17 @@ export const baseNoLocaleRoutes: RouteConfigValue[] = [
     element: '500',
     meta: {
       category: 'common',
-      title: identifier.PAGE_500_TITLE,
-      description: identifier.PAGE_500_DESCRIPTION,
-      localNamespace: 'common'
+      localNamespace: 'common',
+      i18nInterface: serverError18n
     }
   },
   {
     path: '*',
-    element: '404',
+    element: 'NoRouteFound',
     meta: {
       category: 'common',
-      title: identifier.PAGE_404_TITLE,
-      description: identifier.PAGE_404_DESCRIPTION,
-      localNamespace: 'common'
+      localNamespace: 'common',
+      i18nInterface: notFound18n
     }
   }
 ];

package/dist/templates/react-app/config/i18n/PageI18nInterface.ts

@@ -0,0 +1,51 @@
+/**
+ * Page I18n Interface for SEO meta properties
+ *
+ * value may be undefined, which means the page does not have this meta property
+ *
+ * - if value is i18n key, it will be translated to the current language
+ * - if value is a string, it will be used as is
+ */
+export interface PageI18nInterface {
+  // Basic meta properties
+  title: string;
+  description: string;
+  content: string;
+  keywords: string;
+
+  // Canonical URL
+  canonical?: string;
+
+  // Robots meta
+  robots?: {
+    index?: boolean;
+    follow?: boolean;
+    noarchive?: boolean;
+  };
+
+  // Open Graph meta properties
+  og?: {
+    title?: string;
+    description?: string;
+    type?: string;
+    image?: string;
+    url?: string;
+    siteName?: string;
+    locale?: string;
+  };
+
+  // Twitter Card meta properties
+  twitter?: {
+    card?: 'summary' | 'summary_large_image' | 'app' | 'player';
+    site?: string;
+    creator?: string;
+    title?: string;
+    description?: string;
+    image?: string;
+  };
+
+  // Additional meta properties
+  author?: string;
+  publishedTime?: string;
+  modifiedTime?: string;
+}

package/dist/templates/react-app/config/i18n/aboutI18n.ts

@@ -0,0 +1,42 @@
+import * as i18nKeys from '../Identifier/pages/page.about';
+
+/**
+ * Home page i18n interface
+ *
+ * @description
+ * - welcome: welcome message
+ */
+export type AboutI18nInterface = typeof aboutI18n;
+
+export const aboutI18n = Object.freeze({
+  // basic meta properties
+  title: i18nKeys.PAGE_ABOUT_TITLE,
+  description: i18nKeys.PAGE_ABOUT_DESCRIPTION,
+  content: i18nKeys.PAGE_ABOUT_DESCRIPTION,
+  keywords: i18nKeys.PAGE_ABOUT_KEYWORDS,
+
+  messageTest: i18nKeys.PAGE_ABOUT_MESSAGE_TEST,
+  notificationTitle: i18nKeys.PAGE_ABOUT_NOTIFICATION_TITLE,
+  notificationDescription: i18nKeys.PAGE_ABOUT_NOTIFICATION_DESC,
+  btnMessage: i18nKeys.PAGE_ABOUT_BTN_MESSAGE,
+  btnMessage2: i18nKeys.PAGE_ABOUT_BTN_MESSAGE2,
+  btnNotification: i18nKeys.PAGE_ABOUT_BTN_NOTIFICATION,
+  btnNotification2: i18nKeys.PAGE_ABOUT_BTN_NOTIFICATION2,
+  tooltipText: i18nKeys.PAGE_ABOUT_TOOLTIP_TEXT,
+  btnTooltip: i18nKeys.PAGE_ABOUT_BTN_TOOLTIP,
+  modalTitle: i18nKeys.PAGE_ABOUT_MODAL_TITLE,
+  modalContent: i18nKeys.PAGE_ABOUT_MODAL_CONTENT,
+  btnModal: i18nKeys.PAGE_ABOUT_BTN_MODAL,
+  drawerTitle: i18nKeys.PAGE_ABOUT_DRAWER_TITLE,
+  drawerContent: i18nKeys.PAGE_ABOUT_DRAWER_CONTENT,
+  btnDrawer: i18nKeys.PAGE_ABOUT_BTN_DRAWER,
+  popoverContent: i18nKeys.PAGE_ABOUT_POPOVER_CONTENT,
+  popoverTitle: i18nKeys.PAGE_ABOUT_POPOVER_TITLE,
+  btnPopover: i18nKeys.PAGE_ABOUT_BTN_POPOVER,
+  popconfirmTitle: i18nKeys.PAGE_ABOUT_POPCONFIRM_TITLE,
+  popconfirmDesc: i18nKeys.PAGE_ABOUT_POPCONFIRM_DESC,
+  btnPopconfirm: i18nKeys.PAGE_ABOUT_BTN_POPCONFIRM,
+  alertMessage: i18nKeys.PAGE_ABOUT_ALERT_MESSAGE,
+  okText: i18nKeys.PAGE_ABOUT_OK_TEXT,
+  cancelText: i18nKeys.PAGE_ABOUT_CANCEL_TEXT
+});

package/dist/templates/react-app/config/i18n/chatMessageI18n.ts

@@ -0,0 +1,17 @@
+import * as i18nKeys from '../Identifier/components/component.chatMessage';
+
+/**
+ * ChatMessage component i18n interface
+ */
+export type ChatMessageI18nInterface = typeof chatMessageI18n;
+
+export const chatMessageI18n = Object.freeze({
+  send: i18nKeys.COMPONENT_CHAT_SEND,
+  stop: i18nKeys.COMPONENT_CHAT_STOP,
+  loading: i18nKeys.COMPONENT_CHAT_LOADING,
+  inputPlaceholder: i18nKeys.COMPONENT_CHAT_INPUT_PLACEHOLDER,
+  empty: i18nKeys.COMPONENT_CHAT_EMPTY,
+  start: i18nKeys.COMPONENT_CHAT_START,
+  retry: i18nKeys.COMPONENT_CHAT_RETRY,
+  duration: i18nKeys.COMPONENT_CHAT_DURATION
+});

package/dist/templates/react-app/config/i18n/executorI18n.ts

@@ -0,0 +1,51 @@
+import * as i18nKeys from '../Identifier/pages/page.executor';
+
+/**
+ * Home page i18n interface
+ *
+ * @description
+ * - welcome: welcome message
+ */
+export type ExecutorI18nInterface = typeof executorI18n;
+
+export const executorI18n = Object.freeze({
+  // basic meta properties
+  title: i18nKeys.PAGE_EXECUTOR_TITLE,
+  description: i18nKeys.PAGE_EXECUTOR_DESCRIPTION,
+  content: i18nKeys.PAGE_EXECUTOR_DESCRIPTION,
+  keywords: i18nKeys.PAGE_EXECUTOR_KEYWORDS,
+
+  mainTitle: i18nKeys.PAGE_EXECUTOR_MAIN_TITLE,
+  testPluginTitle: i18nKeys.PAGE_EXECUTOR_TEST_PLUGIN_TITLE,
+  taskStatusPending: i18nKeys.PAGE_EXECUTOR_TASK_STATUS_PENDING,
+  taskStatusRunning: i18nKeys.PAGE_EXECUTOR_TASK_STATUS_RUNNING,
+  taskStatusCompleted: i18nKeys.PAGE_EXECUTOR_TASK_STATUS_COMPLETED,
+  taskStatusFailed: i18nKeys.PAGE_EXECUTOR_TASK_STATUS_FAILED,
+  taskTypeDataSync: i18nKeys.PAGE_EXECUTOR_TASK_TYPE_DATA_SYNC,
+  taskTypeReport: i18nKeys.PAGE_EXECUTOR_TASK_TYPE_REPORT,
+  taskTypeMaintenance: i18nKeys.PAGE_EXECUTOR_TASK_TYPE_MAINTENANCE,
+  taskTypeBackup: i18nKeys.PAGE_EXECUTOR_TASK_TYPE_BACKUP,
+  taskDurationUnit: i18nKeys.PAGE_EXECUTOR_TASK_DURATION_UNIT,
+  taskStart: i18nKeys.PAGE_EXECUTOR_TASK_START,
+  taskStop: i18nKeys.PAGE_EXECUTOR_TASK_STOP,
+  taskSuccess: i18nKeys.PAGE_EXECUTOR_TASK_SUCCESS,
+  taskFailure: i18nKeys.PAGE_EXECUTOR_TASK_FAILURE,
+  pluginTestSuccess: i18nKeys.PAGE_EXECUTOR_PLUGIN_TEST_SUCCESS,
+  pluginTestFailure: i18nKeys.PAGE_EXECUTOR_PLUGIN_TEST_FAILURE,
+  customTaskUrlRequired: i18nKeys.PAGE_EXECUTOR_CUSTOM_TASK_URL_REQUIRED,
+  customTaskName: i18nKeys.PAGE_EXECUTOR_CUSTOM_TASK_NAME,
+  createTaskTitle: i18nKeys.PAGE_EXECUTOR_CREATE_TASK_TITLE,
+  createButton: i18nKeys.PAGE_EXECUTOR_CREATE_BUTTON,
+  enterUrl: i18nKeys.PAGE_EXECUTOR_ENTER_URL,
+  taskListTitle: i18nKeys.PAGE_EXECUTOR_TASK_LIST_TITLE,
+  taskStatsTotal: i18nKeys.PAGE_EXECUTOR_TASK_STATS_TOTAL,
+  taskStatsRunning: i18nKeys.PAGE_EXECUTOR_TASK_STATS_RUNNING,
+  taskStatsCompleted: i18nKeys.PAGE_EXECUTOR_TASK_STATS_COMPLETED,
+  taskStatsFailed: i18nKeys.PAGE_EXECUTOR_TASK_STATS_FAILED,
+  taskHistoryTitle: i18nKeys.PAGE_EXECUTOR_TASK_HISTORY_TITLE,
+  helpTitle: i18nKeys.PAGE_EXECUTOR_HELP_TITLE,
+  helpDescription: i18nKeys.PAGE_EXECUTOR_HELP_DESCRIPTION,
+  viewGuide: i18nKeys.PAGE_EXECUTOR_VIEW_GUIDE,
+  contactSupport: i18nKeys.PAGE_EXECUTOR_CONTACT_SUPPORT,
+  requestTimeout: i18nKeys.PAGE_EXECUTOR_REQUEST_TIMEOUT
+});

package/dist/templates/react-app/config/i18n/homeI18n.ts

@@ -0,0 +1,24 @@
+import * as i18nKeys from '../Identifier/pages/page.home';
+
+/**
+ * Home page i18n interface
+ *
+ * @description
+ * - welcome: welcome message
+ */
+export type HomeI18nInterface = typeof homeI18n;
+
+export const homeI18n = Object.freeze({
+  // basic meta properties
+  title: i18nKeys.PAGE_HOME_TITLE,
+  description: i18nKeys.PAGE_HOME_DESCRIPTION,
+  content: i18nKeys.PAGE_HOME_DESCRIPTION,
+  keywords: i18nKeys.PAGE_HOME_KEYWORDS,
+
+  welcome: i18nKeys.PAGE_HOME_WELCOME,
+  description2: i18nKeys.PAGE_HOME_DESCRIPTION2,
+  explore: i18nKeys.PAGE_HOME_EXPLORE,
+  getStartedTitle: i18nKeys.PAGE_HOME_GET_STARTED,
+  getStartedDescription: i18nKeys.PAGE_HOME_GET_STARTED_DESCRIPTION,
+  getStartedButton: i18nKeys.PAGE_HOME_GET_STARTED_BUTTON
+});

package/dist/templates/react-app/config/i18n/i18nConfig.ts

@@ -0,0 +1,30 @@
+import { routerPrefix } from '../common';
+
+export const i18nConfig = {
+  fallbackLng: 'en',
+  debug: false,
+  interpolation: {
+    escapeValue: false
+  },
+  ns: ['common'],
+  defaultNS: 'common',
+  backend: {
+    loadPath: routerPrefix + '/locales/{{lng}}/{{ns}}.json'
+  },
+  supportedLngs: ['en', 'zh'],
+  /**
+   * Whether to redirect to the fallback language when the language is not valid
+   *
+   * if `true`, redirect to the fallback language
+   * if `false`, redirect to the 404 page
+   * @example
+   *
+   * true: /ena/login -> /en/login
+   * false: /ena/login -> /404
+   *
+   * @default `true`
+   */
+  noValidRedirectFallbackLng: true
+} as const;
+
+export type LocaleType = (typeof i18nConfig.supportedLngs)[number];

package/dist/templates/react-app/config/i18n/identifiter18n.ts

@@ -0,0 +1,30 @@
+import * as i18nKeys from '../Identifier/pages/page.identifiter';
+
+/**
+ * Home page i18n interface
+ *
+ * @description
+ * - welcome: welcome message
+ */
+export type Identifiter18nInterface = typeof identifiter18n;
+
+export const identifiter18n = Object.freeze({
+  // basic meta properties
+  title: i18nKeys.PAGE_IDENTIFITER_TITLE,
+  description: i18nKeys.PAGE_IDENTIFITER_DESCRIPTION,
+  content: i18nKeys.PAGE_IDENTIFITER_DESCRIPTION,
+  keywords: i18nKeys.PAGE_IDENTIFITER_KEYWORDS,
+
+  sourceDescription: i18nKeys.PAGE_IDENTIFITER_SOURCE_DESCRIPTION,
+  helpTitle: i18nKeys.PAGE_IDENTIFITER_HELP_TITLE,
+  helpDescription: i18nKeys.PAGE_IDENTIFITER_HELP_DESCRIPTION,
+  contactSupport: i18nKeys.PAGE_IDENTIFITER_CONTACT_SUPPORT,
+
+  iTableTitle: i18nKeys.PAGE_IDENTIFITER_TABLE_TITLE,
+  iTableIndex: i18nKeys.PAGE_IDENTIFITER_TABLE_INDEX,
+  iTableDescription: i18nKeys.PAGE_IDENTIFITER_TABLE_DESCRIPTION,
+  iTableId: i18nKeys.PAGE_IDENTIFITER_TABLE_ID,
+  iTableKey: i18nKeys.PAGE_IDENTIFITER_TABLE_KEY,
+  iTableLocaleValue: i18nKeys.PAGE_IDENTIFITER_TABLE_LOCALE_VALUE,
+  iTableLabel: i18nKeys.PAGE_IDENTIFITER_TABLE_LABEL
+});

package/dist/templates/react-app/config/i18n/jsonStorage18n.ts

@@ -0,0 +1,27 @@
+import * as i18nKeys from '../Identifier/pages/page.jsonStorage';
+
+/**
+ * Home page i18n interface
+ *
+ * @description
+ * - welcome: welcome message
+ */
+export type JsonStorage18nInterface = typeof jsonStorage18n;
+
+export const jsonStorage18n = Object.freeze({
+  // basic meta properties
+  title: i18nKeys.PAGE_JSONSTORAGE_TITLE,
+  description: i18nKeys.PAGE_JSONSTORAGE_DESCRIPTION,
+  content: i18nKeys.PAGE_JSONSTORAGE_DESCRIPTION,
+  keywords: i18nKeys.PAGE_JSONSTORAGE_KEYWORDS,
+
+  mainTitle: i18nKeys.PAGE_JSONSTORAGE_MAIN_TITLE,
+  permanentTitle: i18nKeys.PAGE_JSONSTORAGE_PERMANENT_TITLE,
+  expireTitle: i18nKeys.PAGE_JSONSTORAGE_EXPIRE_TITLE,
+  timeoutTitle: i18nKeys.PAGE_JSONSTORAGE_TIMEOUT_TITLE,
+  formatTitle: i18nKeys.PAGE_JSONSTORAGE_FORMAT_TITLE,
+  setRandom: i18nKeys.PAGE_JSONSTORAGE_SET_RANDOM,
+  currentValue: i18nKeys.PAGE_JSONSTORAGE_CURRENT_VALUE,
+  setExpire: i18nKeys.PAGE_JSONSTORAGE_SET_EXPIRE,
+  ms: i18nKeys.PAGE_JSONSTORAGE_MS
+});

package/dist/templates/react-app/config/i18n/login18n.ts

@@ -0,0 +1,42 @@
+import * as i18nKeys from '../Identifier/pages/page.login';
+
+/**
+ * Home page i18n interface
+ *
+ * @description
+ * - welcome: welcome message
+ */
+export type Login18nInterface = typeof login18n;
+
+export const login18n = Object.freeze({
+  // basic meta properties
+  title: i18nKeys.PAGE_LOGIN_TITLE,
+  description: i18nKeys.PAGE_LOGIN_DESCRIPTION,
+  content: i18nKeys.PAGE_LOGIN_DESCRIPTION,
+  keywords: i18nKeys.PAGE_LOGIN_KEYWORDS,
+
+  title2: i18nKeys.PAGE_LOGIN_TITLE2,
+  email: i18nKeys.PAGE_LOGIN_EMAIL,
+  username: i18nKeys.PAGE_LOGIN_USERNAME,
+  password: i18nKeys.PAGE_LOGIN_PASSWORD,
+  button: i18nKeys.PAGE_LOGIN_BUTTON,
+  welcome: i18nKeys.PAGE_LOGIN_WELCOME,
+  subtitle: i18nKeys.PAGE_LOGIN_SUBTITLE,
+  forgotPassword: i18nKeys.PAGE_LOGIN_FORGOT_PASSWORD,
+  continueWith: i18nKeys.PAGE_LOGIN_CONTINUE_WITH,
+  withGoogle: i18nKeys.PAGE_LOGIN_WITH_GOOGLE,
+  noAccount: i18nKeys.PAGE_LOGIN_NO_ACCOUNT,
+  createAccount: i18nKeys.PAGE_LOGIN_CREATE_ACCOUNT,
+  emailRequired: i18nKeys.PAGE_LOGIN_EMAIL_REQUIRED,
+  passwordRequired: i18nKeys.PAGE_LOGIN_PASSWORD_REQUIRED,
+  featureAiPaths: i18nKeys.PAGE_LOGIN_FEATURE_AI_PATHS,
+  featureSmartRecommendations:
+    i18nKeys.PAGE_LOGIN_FEATURE_SMART_RECOMMENDATIONS,
+  featureProgressTracking: i18nKeys.PAGE_LOGIN_FEATURE_PROGRESS_TRACKING,
+  emailTitle: i18nKeys.PAGE_LOGIN_EMAIL_TITLE,
+  passwordTitle: i18nKeys.PAGE_LOGIN_PASSWORD_TITLE,
+  forgotPasswordTitle: i18nKeys.PAGE_LOGIN_FORGOT_PASSWORD_TITLE,
+  buttonTitle: i18nKeys.PAGE_LOGIN_BUTTON_TITLE,
+  withGoogleTitle: i18nKeys.PAGE_LOGIN_WITH_GOOGLE_TITLE,
+  createAccountTitle: i18nKeys.PAGE_LOGIN_CREATE_ACCOUNT_TITLE
+});

package/dist/templates/react-app/config/i18n/messageBaseListI18n.ts

@@ -0,0 +1,22 @@
+import * as i18nKeys from '../Identifier/components/component.messageBaseList';
+
+/**
+ * MessageBaseList component i18n interface
+ */
+export type MessageBaseListI18nInterface = typeof messageBaseListI18n;
+
+export const messageBaseListI18n = Object.freeze({
+  title: i18nKeys.COMPONENT_MESSAGE_BASE_LIST_TITLE,
+  description: i18nKeys.COMPONENT_MESSAGE_BASE_LIST_DESCRIPTION,
+  noMessages: i18nKeys.COMPONENT_MESSAGE_BASE_LIST_NO_MESSAGES,
+  getStarted: i18nKeys.COMPONENT_MESSAGE_BASE_LIST_GET_STARTED,
+  user: i18nKeys.COMPONENT_MESSAGE_BASE_LIST_USER,
+  gateway: i18nKeys.COMPONENT_MESSAGE_BASE_LIST_GATEWAY,
+  processing: i18nKeys.COMPONENT_MESSAGE_BASE_LIST_PROCESSING,
+  gatewayFailed: i18nKeys.COMPONENT_MESSAGE_BASE_LIST_GATEWAY_FAILED,
+  sendFailed: i18nKeys.COMPONENT_MESSAGE_BASE_LIST_SEND_FAILED,
+  gatewayResponse: i18nKeys.COMPONENT_MESSAGE_BASE_LIST_GATEWAY_RESPONSE,
+  inputPlaceholder: i18nKeys.COMPONENT_MESSAGE_BASE_LIST_INPUT_PLACEHOLDER,
+  sendButton: i18nKeys.COMPONENT_MESSAGE_BASE_LIST_SEND_BUTTON,
+  errorTip: i18nKeys.COMPONENT_MESSAGE_BASE_LIST_ERROR_TIP
+});

package/dist/templates/react-app/config/i18n/messageI18n.ts

@@ -0,0 +1,14 @@
+import * as i18nKeys from '../Identifier/pages/page.message';
+
+/**
+ * Message page i18n interface
+ */
+export type MessageI18nInterface = typeof messageI18n;
+
+export const messageI18n = Object.freeze({
+  // basic meta properties
+  title: i18nKeys.PAGE_MESSAGE_TITLE,
+  description: i18nKeys.PAGE_MESSAGE_DESCRIPTION,
+  content: i18nKeys.PAGE_MESSAGE_DESCRIPTION,
+  keywords: i18nKeys.PAGE_MESSAGE_KEYWORDS
+});