@qlover/create-app 0.4.1 → 0.4.3

package/templates/react-app/config/{Identifier.I18n.ts → identifier/I18n.ts}

@@ -152,6 +152,20 @@ export const LOGIN_PASSWORD = 'login.password';
  */
 export const LOGIN_BUTTON = 'login.login';
 
+/**
+ * @description Login page description
+ * @localZh 欢迎来到未来学习
+ * @localEn Welcome to the future of learning
+ */
+export const LOGIN_WELCOME = 'login.welcome';
+
+/**
+ * @description Login page description
+ * @localZh 解锁个性化 AI 驱动的学习体验，加速您的知识旅程。
+ * @localEn Unlock personalized AI-powered learning experiences designed to accelerate your knowledge journey.
+ */
+export const LOGIN_SUBTITLE = 'login.subtitle';
+
 /**
  * @description Request timeout message
  * @localZh 请求超时
@@ -367,7 +381,7 @@ export const PAGE_EXECUTOR_TITLE = 'page.executor.title';
  * @localZh 错误标识符
  * @localEn Error Identifier
  */
-export const PAGE_ERROR_IDENTIFIER_TITLE = 'page.error.identifier.title';
+export const PAGE_ERROR_IDENTIFIER_TITLE = 'page.error_identifier.title';
 
 /**
  * @description Error Identifier page description
@@ -847,8 +861,8 @@ export const PAGE_ERROR_IDENTIFIER_MAIN_TITLE =
 
 /**
  * @description ErrorIdentifier page description
- * @localZh 来自 '@config/Identifier.Error' 的标识符
- * @localEn Identifier From: '@config/Identifier.Error'
+ * @localZh 来自 '@config/Identifier/Error' 的标识符
+ * @localEn Identifier From: '@config/Identifier/Error'
  */
 export const PAGE_ERROR_IDENTIFIER_SOURCE_DESCRIPTION =
   'page.error.identifier.source_description';
@@ -1046,3 +1060,307 @@ export const COMMON_OK = 'common.ok';
  * @Codebase
  */
 export const COMMON_CANCEL = 'common.cancel';
+
+/**
+ * @description Login page forgot password text
+ * @localZh 忘记密码？
+ * @localEn Forgot your password?
+ */
+export const LOGIN_FORGOT_PASSWORD = 'login.forgot_password';
+
+/**
+ * @description Login page continue with text
+ * @localZh 或继续使用
+ * @localEn or continue with
+ */
+export const LOGIN_CONTINUE_WITH = 'login.continue_with';
+
+/**
+ * @description Login with Google button text
+ * @localZh 使用 Google 登录
+ * @localEn Sign in with Google
+ */
+export const LOGIN_WITH_GOOGLE = 'login.with_google';
+
+/**
+ * @description Login page no account text
+ * @localZh 还没有账号？
+ * @localEn Don't have an account?
+ */
+export const LOGIN_NO_ACCOUNT = 'login.no_account';
+
+/**
+ * @description Login page create account link text
+ * @localZh 在此创建
+ * @localEn Create one here
+ */
+export const LOGIN_CREATE_ACCOUNT = 'login.create_account';
+
+/**
+ * @description Login page email validation message
+ * @localZh 请输入您的邮箱！
+ * @localEn Please input your email!
+ */
+export const LOGIN_EMAIL_REQUIRED = 'login.email_required';
+
+/**
+ * @description Login page password validation message
+ * @localZh 请输入您的密码！
+ * @localEn Please input your password!
+ */
+export const LOGIN_PASSWORD_REQUIRED = 'login.password_required';
+
+/**
+ * @description Login page feature item - AI learning paths
+ * @localZh AI驱动的个性化学习路径
+ * @localEn AI-powered personalized learning paths
+ */
+export const LOGIN_FEATURE_AI_PATHS = 'login.feature.ai_paths';
+
+/**
+ * @description Login page feature item - Smart recommendations
+ * @localZh 智能内容推荐
+ * @localEn Smart content recommendations
+ */
+export const LOGIN_FEATURE_SMART_RECOMMENDATIONS =
+  'login.feature.smart_recommendations';
+
+/**
+ * @description Login page feature item - Progress tracking
+ * @localZh 实时进度追踪
+ * @localEn Real-time progress tracking
+ */
+export const LOGIN_FEATURE_PROGRESS_TRACKING =
+  'login.feature.progress_tracking';
+
+/**
+ * @description Login page email input title
+ * @localZh 输入邮箱
+ * @localEn Enter email
+ */
+export const LOGIN_EMAIL_TITLE = 'login.email.title';
+
+/**
+ * @description Login page password input title
+ * @localZh 输入密码
+ * @localEn Enter password
+ */
+export const LOGIN_PASSWORD_TITLE = 'login.password.title';
+
+/**
+ * @description Login page forgot password link title
+ * @localZh 重置密码
+ * @localEn Reset password
+ */
+export const LOGIN_FORGOT_PASSWORD_TITLE = 'login.forgot_password.title';
+
+/**
+ * @description Login page submit button title
+ * @localZh 登录账号
+ * @localEn Sign in to account
+ */
+export const LOGIN_BUTTON_TITLE = 'login.button.title';
+
+/**
+ * @description Login page Google sign in button title
+ * @localZh 使用Google账号登录
+ * @localEn Sign in with Google account
+ */
+export const LOGIN_WITH_GOOGLE_TITLE = 'login.with_google.title';
+
+/**
+ * @description Login page create account link title
+ * @localZh 创建新账号
+ * @localEn Create new account
+ */
+export const LOGIN_CREATE_ACCOUNT_TITLE = 'login.create_account.title';
+
+/**
+ * @description Register page title
+ * @localZh 创建账号
+ * @localEn Create Account
+ */
+export const REGISTER_TITLE = 'register.title';
+
+/**
+ * @description Register page subtitle
+ * @localZh 开始您的学习之旅
+ * @localEn Start your learning journey
+ */
+export const REGISTER_SUBTITLE = 'register.subtitle';
+
+/**
+ * @description Register page username field
+ * @localZh 用户名
+ * @localEn Username
+ */
+export const REGISTER_USERNAME = 'register.username';
+
+/**
+ * @description Register page username required message
+ * @localZh 请输入用户名！
+ * @localEn Please input your username!
+ */
+export const REGISTER_USERNAME_REQUIRED = 'register.username_required';
+
+/**
+ * @description Register page email field
+ * @localZh 邮箱
+ * @localEn Email
+ */
+export const REGISTER_EMAIL = 'register.email';
+
+/**
+ * @description Register page email required message
+ * @localZh 请输入邮箱！
+ * @localEn Please input your email!
+ */
+export const REGISTER_EMAIL_REQUIRED = 'register.email_required';
+
+/**
+ * @description Register page password field
+ * @localZh 密码
+ * @localEn Password
+ */
+export const REGISTER_PASSWORD = 'register.password';
+
+/**
+ * @description Register page password required message
+ * @localZh 请输入密码！
+ * @localEn Please input your password!
+ */
+export const REGISTER_PASSWORD_REQUIRED = 'register.password_required';
+
+/**
+ * @description Register page confirm password field
+ * @localZh 确认密码
+ * @localEn Confirm Password
+ */
+export const REGISTER_CONFIRM_PASSWORD = 'register.confirm_password';
+
+/**
+ * @description Register page confirm password required message
+ * @localZh 请确认密码！
+ * @localEn Please confirm your password!
+ */
+export const REGISTER_CONFIRM_PASSWORD_REQUIRED =
+  'register.confirm_password_required';
+
+/**
+ * @description Register page passwords don't match message
+ * @localZh 两次输入的密码不匹配！
+ * @localEn The passwords you entered don't match!
+ */
+export const REGISTER_PASSWORD_MISMATCH = 'register.password_mismatch';
+
+/**
+ * @description Register page submit button
+ * @localZh 注册
+ * @localEn Register
+ */
+export const REGISTER_BUTTON = 'register.button';
+
+/**
+ * @description Register page terms and conditions text
+ * @localZh 注册即表示您同意我们的
+ * @localEn By registering, you agree to our
+ */
+export const REGISTER_TERMS_PREFIX = 'register.terms_prefix';
+
+/**
+ * @description Register page terms and conditions link
+ * @localZh 服务条款
+ * @localEn Terms of Service
+ */
+export const REGISTER_TERMS_LINK = 'register.terms_link';
+
+/**
+ * @description Register page privacy policy text
+ * @localZh 和
+ * @localEn and
+ */
+export const REGISTER_TERMS_AND = 'register.terms_and';
+
+/**
+ * @description Register page privacy policy link
+ * @localZh 隐私政策
+ * @localEn Privacy Policy
+ */
+export const REGISTER_PRIVACY_LINK = 'register.privacy_link';
+
+/**
+ * @description Register page have account text
+ * @localZh 已有账号？
+ * @localEn Already have an account?
+ */
+export const REGISTER_HAVE_ACCOUNT = 'register.have_account';
+
+/**
+ * @description Register page login link
+ * @localZh 登录
+ * @localEn Sign in
+ */
+export const REGISTER_LOGIN_LINK = 'register.login_link';
+
+/**
+ * @description Register page feature item - Personalized Learning
+ * @localZh 个性化学习体验
+ * @localEn Personalized Learning Experience
+ */
+export const REGISTER_FEATURE_PERSONALIZED = 'register.feature.personalized';
+
+/**
+ * @description Register page feature item - Expert Support
+ * @localZh 专家支持和指导
+ * @localEn Expert Support and Guidance
+ */
+export const REGISTER_FEATURE_SUPPORT = 'register.feature.support';
+
+/**
+ * @description Register page feature item - Learning Community
+ * @localZh 活跃的学习社区
+ * @localEn Active Learning Community
+ */
+export const REGISTER_FEATURE_COMMUNITY = 'register.feature.community';
+
+/**
+ * @description Register page terms agreement required message
+ * @localZh 请同意服务条款和隐私政策
+ * @localEn Please agree to the Terms of Service and Privacy Policy
+ */
+export const REGISTER_TERMS_REQUIRED = 'register.terms_required';
+
+/**
+ * @description Home page title
+ * @localZh 首页
+ * @localEn Home
+ */
+export const PAGE_HOME_TITLE = 'page.home.title';
+
+/**
+ * @description 404 page title
+ * @localZh 404 - 页面未找到
+ * @localEn 404 - Page Not Found
+ */
+export const PAGE_404_TITLE = 'page.404.title';
+
+/**
+ * @description 500 page title
+ * @localZh 500 - 服务器错误
+ * @localEn 500 - Server Error
+ */
+export const PAGE_500_TITLE = 'page.500.title';
+
+/**
+ * @description Login page title
+ * @localZh 登录
+ * @localEn Login
+ */
+export const PAGE_LOGIN_TITLE = 'page.login.title';
+
+/**
+ * @description Register page title
+ * @localZh 注册
+ * @localEn Register
+ */
+export const PAGE_REGISTER_TITLE = 'page.register.title';

package/templates/react-app/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Template FE-React</title>
+    <title>react-app</title>
   </head>
   <body>
     <div id="root"></div>

package/templates/react-app/package.json

@@ -43,7 +43,9 @@
     "fe-release": "./bin/release.js"
   },
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --mode localhost",
+    "dev:staging": "vite --mode staging",
+    "dev:prod": "vite --mode production",
     "build": "vite build",
     "lint": "eslint ./src --fix",
     "prettier": "prettier --write ./src",

package/templates/react-app/public/locales/en/common.json

@@ -1,14 +1,14 @@
 {
-  "404.notComponent": "Component not found",
-  "404.notPage": "Page not found",
-  "500.title": "Server Error",
-  "header.theme.label": "Switch Theme",
   "err.ioc.not.implemented": "IOC not implemented",
   "err.local.no.user.token": "Local no user token",
   "err.global.no.window": "Global no window",
   "err.within.page.provider": "Must be used in PageProvider",
   "page.about.title": "About",
   "page.about.description": "Learn more about our project and team information",
+  "404.notComponent": "Component not found",
+  "404.notPage": "Page not found",
+  "500.title": "Server Error",
+  "header.theme.label": "Switch Theme",
   "about.title": "About",
   "jsonStorage.title": "JSONStorage Demo",
   "jsonStorage.title2": "Permanent storage test",
@@ -54,7 +54,6 @@
   "page.request.title": "Request Examples",
   "page.request.description": "Demonstrate various request examples and usage",
   "page.executor.title": "Executor Examples",
-  "page.executor.description": "A powerful task executor supporting multiple task types and state management",
   "page.error.identifier.title": "Error Identifier",
   "page.error.identifier.description": "Error identifier usage and examples",
   "home.explore": "Explore",
@@ -88,6 +87,7 @@
   "page.request.trigger_api_catch": "Trigger API Catch Result",
   "page.request.stop_api_catch": "Stop API Catch Result",
   "page.executor.main_title": "Executor",
+  "page.executor.description": "A powerful task executor supporting multiple task types and state management",
   "page.executor.test_plugin.title": "Test Plugin",
   "page.executor.task.status.pending": "Pending",
   "page.executor.task.status.running": "Running",
@@ -120,7 +120,7 @@
   "page.executor.view_guide": "View Guide",
   "page.executor.contact_support": "Contact Support",
   "page.error.identifier.main_title": "Error Identifier",
-  "page.error.identifier.source_description": "Identifier From: '@config/Identifier.Error'",
+  "page.error.identifier.source_description": "Identifier From: '@config/Identifier/Error'",
   "page.error.identifier.help.title": "Need Help?",
   "page.error.identifier.help.description": "If you encounter any issues while using error identifiers, please contact our support team",
   "page.error.identifier.contact_support": "Contact Support",
@@ -128,7 +128,9 @@
   "about.notification.title": "Notification Title",
   "about.notification.description": "This is a test notification",
   "about.button.message": "Show Message",
+  "about.button.message2": "Static Message",
   "about.button.notification": "Show Notification",
+  "about.button.notification2": "Static Notification",
   "about.tooltip.text": "This is a tooltip text",
   "about.button.tooltip": "Hover to show Tooltip",
   "about.modal.title": "Modal Example",
@@ -146,6 +148,51 @@
   "about.alert.message": "This is a warning alert",
   "common.ok": "OK",
   "common.cancel": "Cancel",
-  "about.button.message2": "Static Message",
-  "about.button.notification2": "Static Notification"
+  "login.welcome": "Welcome to the future of learning",
+  "login.subtitle": "Unlock personalized AI-powered learning experiences designed to accelerate your knowledge journey.",
+  "login.forgot_password": "Forgot your password?",
+  "login.continue_with": "or continue with",
+  "login.with_google": "Sign in with Google",
+  "login.no_account": "Don't have an account?",
+  "login.create_account": "Create one here",
+  "login.email_required": "Please input your email!",
+  "login.password_required": "Please input your password!",
+  "login.feature.ai_paths": "AI-powered personalized learning paths",
+  "login.feature.smart_recommendations": "Smart content recommendations",
+  "login.feature.progress_tracking": "Real-time progress tracking",
+  "login.email.title": "Enter email",
+  "login.password.title": "Enter password",
+  "login.forgot_password.title": "Reset password",
+  "login.button.title": "Sign in to account",
+  "login.with_google.title": "Sign in with Google account",
+  "login.create_account.title": "Create new account",
+  "register.title": "Create Account",
+  "register.subtitle": "Start your learning journey",
+  "register.username": "Username",
+  "register.username_required": "Please input your username!",
+  "register.email": "Email",
+  "register.email_required": "Please input your email!",
+  "register.password": "Password",
+  "register.password_required": "Please input your password!",
+  "register.confirm_password": "Confirm Password",
+  "register.confirm_password_required": "Please confirm your password!",
+  "register.password_mismatch": "The passwords you entered don't match!",
+  "register.button": "Register",
+  "register.terms_prefix": "By registering, you agree to our",
+  "register.terms_link": "Terms of Service",
+  "register.terms_and": "and",
+  "register.privacy_link": "Privacy Policy",
+  "register.have_account": "Already have an account?",
+  "register.login_link": "Sign in",
+  "register.feature.personalized": "Personalized Learning Experience",
+  "register.feature.support": "Expert Support and Guidance",
+  "register.feature.community": "Active Learning Community",
+  "register.terms_required": "Please agree to the Terms of Service and Privacy Policy",
+  "page.error_identifier.title": "Error Identifier",
+  "page.home.title": "Home",
+  "page.404.title": "404 - Page Not Found",
+  "page.500.title": "500 - Server Error",
+  "page.login.title": "Login",
+  "page.register.title": "Register",
+  "response.no.token": "Response not token value"
 }

package/templates/react-app/public/locales/zh/common.json

@@ -1,14 +1,14 @@
 {
-  "404.notComponent": "组件不存在",
-  "404.notPage": "页面不存在",
-  "500.title": "服务器错误",
-  "header.theme.label": "切换主题",
   "err.ioc.not.implemented": "IOC 未实现",
   "err.local.no.user.token": "本地未找到 user token",
   "err.global.no.window": "全局未找到 window",
   "err.within.page.provider": "必须在 PageProvider 中使用",
   "page.about.title": "关于",
   "page.about.description": "了解更多关于我们的项目和团队信息",
+  "404.notComponent": "组件不存在",
+  "404.notPage": "页面不存在",
+  "500.title": "服务器错误",
+  "header.theme.label": "切换主题",
   "about.title": "关于我们",
   "jsonStorage.title": "JSONStorage Demo",
   "jsonStorage.title2": "永久存储测试",
@@ -54,7 +54,6 @@
   "page.request.title": "请求示例",
   "page.request.description": "展示各种请求示例和用法",
   "page.executor.title": "执行器示例",
-  "page.executor.description": "一个强大的任务执行器，支持多种任务类型和状态管理",
   "page.error.identifier.title": "错误标识符",
   "page.error.identifier.description": "错误标识符的使用和示例",
   "home.explore": "探索",
@@ -88,6 +87,7 @@
   "page.request.trigger_api_catch": "触发 API 捕获结果",
   "page.request.stop_api_catch": "停止 API 捕获结果",
   "page.executor.main_title": "执行器",
+  "page.executor.description": "一个强大的任务执行器，支持多种任务类型和状态管理",
   "page.executor.test_plugin.title": "测试插件",
   "page.executor.task.status.pending": "等待中",
   "page.executor.task.status.running": "运行中",
@@ -120,7 +120,7 @@
   "page.executor.view_guide": "查看指南",
   "page.executor.contact_support": "联系支持",
   "page.error.identifier.main_title": "错误标识符",
-  "page.error.identifier.source_description": "来自 '@config/Identifier.Error' 的标识符",
+  "page.error.identifier.source_description": "来自 '@config/Identifier/Error' 的标识符",
   "page.error.identifier.help.title": "需要帮助？",
   "page.error.identifier.help.description": "如果您在使用错误标识符时遇到问题，请联系我们的支持团队",
   "page.error.identifier.contact_support": "联系支持",
@@ -128,7 +128,9 @@
   "about.notification.title": "通知标题",
   "about.notification.description": "这是一条测试通知",
   "about.button.message": "显示 Message",
+  "about.button.message2": "静态消息",
   "about.button.notification": "显示 Notification",
+  "about.button.notification2": "静态通知",
   "about.tooltip.text": "这是一个提示文本",
   "about.button.tooltip": "悬停显示 Tooltip",
   "about.modal.title": "模态框示例",
@@ -146,6 +148,51 @@
   "about.alert.message": "这是一个警告提示",
   "common.ok": "确定",
   "common.cancel": "取消",
-  "about.button.message2": "静态消息",
-  "about.button.notification2": "静态通知"
+  "login.welcome": "欢迎来到未来学习",
+  "login.subtitle": "解锁个性化 AI 驱动的学习体验，加速您的知识旅程。",
+  "login.forgot_password": "忘记密码？",
+  "login.continue_with": "或继续使用",
+  "login.with_google": "使用 Google 登录",
+  "login.no_account": "还没有账号？",
+  "login.create_account": "在此创建",
+  "login.email_required": "请输入您的邮箱！",
+  "login.password_required": "请输入您的密码！",
+  "login.feature.ai_paths": "AI驱动的个性化学习路径",
+  "login.feature.smart_recommendations": "智能内容推荐",
+  "login.feature.progress_tracking": "实时进度追踪",
+  "login.email.title": "输入邮箱",
+  "login.password.title": "输入密码",
+  "login.forgot_password.title": "重置密码",
+  "login.button.title": "登录账号",
+  "login.with_google.title": "使用Google账号登录",
+  "login.create_account.title": "创建新账号",
+  "register.title": "创建账号",
+  "register.subtitle": "开始您的学习之旅",
+  "register.username": "用户名",
+  "register.username_required": "请输入用户名！",
+  "register.email": "邮箱",
+  "register.email_required": "请输入邮箱！",
+  "register.password": "密码",
+  "register.password_required": "请输入密码！",
+  "register.confirm_password": "确认密码",
+  "register.confirm_password_required": "请确认密码！",
+  "register.password_mismatch": "两次输入的密码不匹配！",
+  "register.button": "注册",
+  "register.terms_prefix": "注册即表示您同意我们的",
+  "register.terms_link": "服务条款",
+  "register.terms_and": "和",
+  "register.privacy_link": "隐私政策",
+  "register.have_account": "已有账号？",
+  "register.login_link": "登录",
+  "register.feature.personalized": "个性化学习体验",
+  "register.feature.support": "专家支持和指导",
+  "register.feature.community": "活跃的学习社区",
+  "register.terms_required": "请同意服务条款和隐私政策",
+  "page.error_identifier.title": "错误标识符",
+  "page.home.title": "首页",
+  "page.404.title": "404 - 页面未找到",
+  "page.500.title": "500 - 服务器错误",
+  "page.login.title": "登录",
+  "page.register.title": "注册",
+  "response.no.token": "响应内容没有 token 值"
 }

package/templates/react-app/public/router-root/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path><text x="50" y="50" font-family="Arial" font-size="24" fill="black">fe</text></svg>

package/templates/react-app/src/App.tsx

@@ -3,9 +3,10 @@ import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 import { lazy, useMemo } from 'react';
 import { RouterRenderComponent } from './uikit/components/RouterRenderComponent';
 import { IOC } from './core/IOC';
-import { RouterController } from './uikit/controllers/RouterController';
+import { RouteService } from './base/services/RouteService';
 import { RouterLoader, type ComponentValue } from '@/base/cases/RouterLoader';
 import { AntdThemeProvider } from '@brain-toolkit/antd-theme-override/react';
+import { routerPrefix } from '@config/common';
 
 function getAllPages() {
   const modules = import.meta.glob('./pages/**/*.tsx');
@@ -28,10 +29,12 @@ const routerLoader = new RouterLoader({
 
 function App() {
   const routerBase = useMemo(() => {
-    const routes = IOC(RouterController)
+    const routes = IOC(RouteService)
       .getRoutes()
       .map((route) => routerLoader.toRoute(route));
-    const router = createBrowserRouter(routes);
+    const router = createBrowserRouter(routes, {
+      basename: routerPrefix
+    });
     return router;
   }, []);
 

package/templates/react-app/src/base/cases/AppConfig.ts

@@ -51,7 +51,7 @@ export class AppConfig implements EnvConfigInterface {
    * Storage key for user authentication token
    * @description Injected from VITE_USER_TOKEN_STORAGE_KEY environment variable
    */
-  readonly userTokenStorageKey = '';
+  readonly userTokenStorageKey = '__fe_user_token__';
 
   /**
    * Available OpenAI model configurations

package/templates/react-app/src/base/cases/PublicAssetsPath.ts

@@ -0,0 +1,17 @@
+import { routerPrefix } from '@config/common';
+import { injectable } from 'inversify';
+
+/**
+ * Get Publish Assets Path
+ *
+ * - If router has prefix, the path will be `prefix/path`
+ * - If router has no prefix, the path will be `path`
+ */
+@injectable()
+export class PublicAssetsPath {
+  constructor(protected prefix: string = routerPrefix) {}
+
+  getPath(path: string): string {
+    return this.prefix + `/${path}`;
+  }
+}

package/templates/react-app/src/base/port/LoginInterface.ts

@@ -1,4 +1,12 @@
+export interface RegisterFormData {
+  username: string;
+  email: string;
+  password: string;
+  confirmPassword: string;
+  agreeToTerms: boolean;
+}
 export interface LoginInterface {
   login(params: { username: string; password: string }): Promise<unknown>;
   logout(): void;
+  register(params: RegisterFormData): Promise<unknown>;
 }