@qlover/create-app 0.7.7 → 0.7.9

package/CHANGELOG.md

@@ -1,5 +1,126 @@
 # @qlover/create-app
 
+## 0.7.9
+
+### Patch Changes
+
+#### ✨ Features
+
+- **next-app:** enhance home page internationalization and SEO support ([54d7714](https://github.com/qlover/fe-base/commit/54d77146f26ce132ddd20edace52a1a10eb03149)) ([#508](https://github.com/qlover/fe-base/pull/508))
+  - Added PAGE_HOME_KEYWORDS constant to improve SEO with relevant keywords for the home page.
+  - Created HomeI18nInterface to manage internationalization for the home page, incorporating keywords and welcome messages.
+  - Updated English and Chinese localization files to include new keywords for the home page, enhancing multilingual support.
+  - Refactored Home component to utilize the new i18n structure for better localization handling.
+
+  These changes aim to improve the user experience by providing comprehensive localization and SEO enhancements for the home page.
+
+- **next-app:** enhance login components and improve styling consistency ([59b8b85](https://github.com/qlover/fe-base/commit/59b8b85179e78f29f1eca5b8e7e375b6b8c660eb)) ([#508](https://github.com/qlover/fe-base/pull/508))
+  - Updated LoginForm component to use new border color variable for improved styling consistency.
+  - Simplified LocaleLink components in LoginForm for cleaner code and better readability.
+  - Refactored LoginPage to remove unnecessary elements, streamlining the layout.
+  - Enhanced CSS variables in page.css for better color management across the application.
+
+  These changes aim to improve the user interface and maintain a consistent design across the login components.
+
+- **next-app:** update scripts, enhance theme support, and improve styling ([aebcdfa](https://github.com/qlover/fe-base/commit/aebcdfaeb5bae706ac96dc410056f3064eb1e8e9)) ([#508](https://github.com/qlover/fe-base/pull/508))
+  - Updated package.json scripts to specify ports for development and production environments.
+  - Added new CSS variables for hover states and improved theme management in various CSS files.
+  - Enhanced the LanguageSwitcher and ThemeSwitcher components to utilize dropdowns for better user experience.
+  - Refactored BaseLayout to include a background color for the main content area.
+
+  These changes aim to improve the application's usability and maintainability by enhancing the theme management and user interface components.
+
+## 0.7.8
+
+### Patch Changes
+
+#### ✨ Features
+
+- **next-app:** enhance internationalization support with new localization files and refactor layout structure ([9d73643](https://github.com/qlover/fe-base/commit/9d7364337c18bac196a554b50e2342a51e15154d)) ([#506](https://github.com/qlover/fe-base/pull/506))
+  - Added English and Chinese localization files for common application messages to improve internationalization.
+  - Refactored layout.tsx to streamline locale handling and message retrieval using the new PageParams class.
+  - Removed the obsolete getServerI18n function to simplify the localization setup.
+  - Updated LoginPage and related components to utilize the new i18n structure for better translation handling.
+
+  These changes aim to enhance the user experience by providing comprehensive localization support and improving the overall structure of the application.
+
+- **next-app:** enhance IOC integration and introduce new service interfaces ([688ec8e](https://github.com/qlover/fe-base/commit/688ec8e11f94fd92a13257dbdd7ba6359f4a2efc)) ([#506](https://github.com/qlover/fe-base/pull/506))
+  - Added UserService interface to IOCIdentifier for improved dependency management.
+  - Updated IOCIdentifierMap to include UserService, facilitating better service registration.
+  - Refactored LoginForm to utilize the useIOC hook for accessing UserService, enhancing component modularity.
+  - Introduced new IOCInterface for defining IOC registration options and container interactions.
+  - Created ClientIOC and ServerIOC classes for managing client and server-side IOC functionalities, improving overall architecture.
+
+  These changes aim to streamline dependency injection and enhance the modularity of the application, providing a clearer structure for service interactions.
+
+- **next-app:** refactor layout and enhance parameter handling with BootstrapServer ([3bf30c4](https://github.com/qlover/fe-base/commit/3bf30c4aee2b44a717a67ab26f1a7f36b8dc19e9)) ([#506](https://github.com/qlover/fe-base/pull/506))
+  - Updated RootLayout to utilize BootstrapServer for locale and message retrieval, improving internationalization support.
+  - Refactored PageParams to implement ParamsHandlerInterface, streamlining parameter management.
+  - Introduced BootstrapServer class for better server-side parameter handling and integration with IOC.
+  - Created ParamsHandlerInterface to standardize parameter handling across the application.
+
+  These changes aim to enhance the modularity and maintainability of the application while improving the internationalization experience.
+
+- **next-app:** enhance localization and error handling in application ([1b1c7ab](https://github.com/qlover/fe-base/commit/1b1c7ab534657a88d14524ce25432bc4042ec26c)) ([#506](https://github.com/qlover/fe-base/pull/506))
+  - Updated generateLocales function to output locale files in a simplified format.
+  - Refactored IOCIdentifier to replace Logger type with LoggerInterface for better type safety.
+  - Added SERVER_AUTH_ERROR identifier to common error messages for improved error handling.
+  - Integrated new error messages into English and Chinese localization files.
+  - Removed obsolete common.json files to streamline localization structure.
+  - Introduced ServerAuthPlugin and ServerErrorHandler for enhanced server-side authentication and error management.
+
+  These changes aim to improve the application's internationalization capabilities and error handling processes, providing a more robust user experience.
+
+- **next-app:** refactor authentication handling and streamline server integration ([c17bc24](https://github.com/qlover/fe-base/commit/c17bc242067e4a01a50c89832c9060e130ca5291)) ([#506](https://github.com/qlover/fe-base/pull/506))
+  - Replaced ServerAuthPlugin with a new ServerAuth class for improved authentication management.
+  - Updated Home page to utilize the new ServerAuth class for checking user authentication and redirecting to the login page if necessary.
+  - Removed obsolete ServerAuthPlugin file to clean up the codebase.
+  - Introduced ServerInterface and ServerAuthInterface for better abstraction and type safety in server interactions.
+
+  These changes aim to enhance the authentication flow and improve the overall structure of the server-side logic in the application.
+
+- **next-app:** enhance routing and dialog handling with new services and components ([944ded9](https://github.com/qlover/fe-base/commit/944ded9c93223d4230d1911552ba17e90a23fd57)) ([#506](https://github.com/qlover/fe-base/pull/506))
+  - Introduced RouterService and NavigateBridge for improved navigation management within the application.
+  - Added DialogHandler for standardized dialog and notification handling using Ant Design components.
+  - Updated IOCIdentifier to include new services and interfaces for better dependency management.
+  - Refactored LoginForm to utilize the new RouterService for navigation after login.
+  - Enhanced BaseHeader to conditionally display a logout button, improving user experience.
+  - Integrated new components and services into the application structure for better modularity and maintainability.
+
+  These changes aim to streamline navigation and dialog interactions, enhancing the overall user experience and application architecture.
+
+- **next-app:** refactor page properties and enhance server integration ([ce49da5](https://github.com/qlover/fe-base/commit/ce49da573ccd621559d3d5cbcea448db93998e66)) ([#506](https://github.com/qlover/fe-base/pull/506))
+  - Renamed PageProps to PageParamsProps for clarity in parameter handling.
+  - Updated Home and LoginPage components to utilize the new PageParamsProps interface for improved type safety.
+  - Enhanced BootstrapServer to include a method for retrieving internationalization interfaces, streamlining localization support.
+  - Added error handling in LoginPage to manage missing parameters effectively.
+
+  These changes aim to improve the structure and clarity of page properties while enhancing server-side integration for better localization management.
+
+- **next-app:** refactor server integration and enhance parameter handling ([bd3cd12](https://github.com/qlover/fe-base/commit/bd3cd12cec6f0dc1b2b660e977f5e81cb18951ab)) ([#506](https://github.com/qlover/fe-base/pull/506))
+  - Updated layout and page components to utilize the new PageParams class for improved locale and message retrieval.
+  - Refactored BootstrapServer to streamline server initialization and removed obsolete methods for better clarity.
+  - Enhanced LoginPage to utilize PageParams for internationalization interface retrieval, improving localization support.
+
+  These changes aim to improve the structure and maintainability of server interactions while enhancing the internationalization experience across the application.
+
+#### 🐞 Bug Fixes
+
+- **next-app:** update eslint-plugin dependency to latest version ([2fea1ab](https://github.com/qlover/fe-base/commit/2fea1ab9c94cc52ffe34e82d2980baf99de55aae)) ([#506](https://github.com/qlover/fe-base/pull/506))
+  - Changed the @qlover/eslint-plugin dependency in package.json from a local file reference to the latest version. This update ensures that the project uses the most recent features and fixes available in the eslint-plugin package.
+
+  This change aims to improve code quality and maintainability by leveraging the latest enhancements in the eslint-plugin.
+
+#### ♻️ Refactors
+
+- **next-app:** remove obsolete ESLint plugin and streamline localization setup ([d1c81b4](https://github.com/qlover/fe-base/commit/d1c81b4185131bad25f497e0004ebc48001ac9fe)) ([#506](https://github.com/qlover/fe-base/pull/506))
+  - Deleted the custom eslint-plugin-testid as it has been replaced by @qlover/eslint-plugin for better testability.
+  - Removed the generateLocalesPlugin as its functionality is now integrated into the build process.
+  - Added English and Chinese localization files for common application messages to enhance internationalization support.
+  - Updated the i18n request configuration to dynamically load the appropriate locale files based on the selected language.
+
+  These changes aim to simplify the localization setup and improve the overall structure of the internationalization implementation.
+
 ## 0.7.7
 
 ### Patch Changes

package/dist/index.cjs

@@ -8,4 +8,4 @@ ${t}`,dn=Object.getOwnPropertyDescriptor(Function.prototype,"toString"),_n=Objec
 `))this.#e+=Math.max(1,Math.ceil(Ye(D,{countAnsiEscapeCodes:!0})/t))}get isEnabled(){return this.#a&&!this.#F}set isEnabled(t){if(typeof t!="boolean")throw new TypeError("The `isEnabled` option must be a boolean");this.#a=t}get isSilent(){return this.#F}set isSilent(t){if(typeof t!="boolean")throw new TypeError("The `isSilent` option must be a boolean");this.#F=t}frame(){let t=Date.now();(this.#i===-1||t-this.#c>=this.interval)&&(this.#i=++this.#i%this.#D.frames.length,this.#c=t);let{frames:r}=this.#D,u=r[this.#i];this.color&&(u=d[this.color](u));let i=typeof this.#s=="string"&&this.#s!==""?this.#s+" ":"",D=typeof this.text=="string"?" "+this.text:"",o=typeof this.#o=="string"&&this.#o!==""?" "+this.#o:"";return i+u+D+o}clear(){if(!this.#a||!this.#u.isTTY)return this;this.#u.cursorTo(0);for(let t=0;t<this.#n;t++)t>0&&this.#u.moveCursor(0,-1),this.#u.clearLine(1);return(this.#l||this.lastIndent!==this.#l)&&this.#u.cursorTo(this.#l),this.lastIndent=this.#l,this.#n=0,this}render(){return this.#F?this:(this.clear(),this.#u.write(this.frame()),this.#n=this.#e,this)}start(t){return t&&(this.text=t),this.#F?this:this.#a?this.isSpinning?this:(this.#t.hideCursor&&$e.hide(this.#u),this.#t.discardStdin&&V.default.stdin.isTTY&&(this.#r=!0,Je.start()),this.render(),this.#f=setInterval(this.render.bind(this),this.interval),this):(this.text&&this.#u.write(`- ${this.text}
 `),this)}stop(){return this.#a?(clearInterval(this.#f),this.#f=void 0,this.#i=0,this.clear(),this.#t.hideCursor&&$e.show(this.#u),this.#t.discardStdin&&V.default.stdin.isTTY&&this.#r&&(Je.stop(),this.#r=!1),this):this}succeed(t){return this.stopAndPersist({symbol:H.success,text:t})}fail(t){return this.stopAndPersist({symbol:H.error,text:t})}warn(t){return this.stopAndPersist({symbol:H.warning,text:t})}info(t){return this.stopAndPersist({symbol:H.info,text:t})}stopAndPersist(t={}){if(this.#F)return this;let r=t.prefixText??this.#s,u=this.#E(r," "),i=t.symbol??" ",D=t.text??this.text,s=typeof D=="string"?(i?" ":"")+D:"",a=t.suffixText??this.#o,f=this.#g(a," "),p=u+i+s+f+`
 `;return this.stop(),this.#u.write(p),this}};function tr(e){return new Ze(e)}async function rr(e,t){let r=typeof e=="function",u=typeof e.then=="function";if(!r&&!u)throw new TypeError("Parameter `action` must be a Function or a Promise");let{successText:i,failText:D}=typeof t=="object"?t:{successText:void 0,failText:void 0},o=tr(t).start();try{let a=await(r?e(o):e);return o.succeed(i===void 0?void 0:typeof i=="string"?i:i(a)),a}catch(s){throw o.fail(D===void 0?void 0:typeof D=="string"?D:D(s)),s}}var HD=require("fs");var P=require("path"),me=require("fs"),cr=h(lr(),1),Dt=require("fs");var de=require("fs"),X=class{static ensureDir(t){(0,de.existsSync)(t)||(0,de.mkdirSync)(t,{recursive:!0})}};var{copyFile:rs,stat:us}=Dt.promises,_e=class e{constructor(t,r=e.IGNORE_FILE){this.ignoreTargetPath=t;this.ignoreFile=r}static IGNORE_FILE=".gitignore.template";getIg(t=this.ignoreTargetPath){let r=(0,P.join)(t,this.ignoreFile);if(!(0,me.existsSync)(r))return;let D=(0,me.readFileSync)(r,"utf8").split(`
-`).map(o=>o.trim()).filter(o=>o&&!o.startsWith("#"));return(0,cr.default)().add(D)}async copyFiles(t,r,u,i){let D=await Dt.promises.readdir(t);await Promise.all(D.map(async o=>{let s=(0,P.join)(t,o),a=(0,P.join)(r,o);if(u&&u.ignores(o))return;if(X.ensureDir((0,P.dirname)(a)),(await us(s)).isDirectory())await this.copyFiles(s,a,u,i);else{if(i&&await i(s,a))return;await rs(s,a)}}))}copyPaths({sourcePath:t,targetPath:r,copyCallback:u}){X.ensureDir(r);let i=this.getIg();return this.copyFiles(t,r,i,u)}};var L=require("fs"),kD=h(LD(),1),xe=class{constructor(){}isJSONFilePath(t){return t.endsWith(".json")||t.endsWith(".json.template")}isTemplateFilePath(t){return t.endsWith(".template")}getRealTemplateFilePath(t){return t.replace(".template","")}readFile(t){return(0,L.readFileSync)(t,"utf-8")}readJSONFile(t){return JSON.parse(this.readFile(t))}writeFile(t,r){(0,L.writeFileSync)(this.getRealTemplateFilePath(t),r,{encoding:"utf-8"})}replaceFile(t,r){let u=this.readFile(t);return Object.keys(r).forEach(i=>{let D=r[i];u=u.replace(new RegExp(`\\[TPL:${i}\\]`,"g"),typeof D=="string"?D:JSON.stringify(D))}),u}mergeJSONFile(t,r){let u=this.readJSONFile(t),i=(0,kD.default)(r,u);this.writeFile(t,JSON.stringify(i,null,2))}composeConfigFile(t,r,u){if(this.isTemplateFilePath(r)){let i=this.replaceFile(r,t);if(this.isJSONFilePath(r)&&this.isJSONFilePath(u)){let D=this.getRealTemplateFilePath(u);return(0,L.existsSync)(D)?(this.mergeJSONFile(D,JSON.parse(i)),!0):(this.writeFile(D,i),!0)}return this.writeFile(u,i),!0}return!1}};var $D=["pack-app"],ye=class{ora;context;subPackages;copyer;compose;constructor(t){let r=t.options?.templateRootPath;if(!r)throw new Error("template path not exit");if(!(0,HD.existsSync)(r))throw new Error("template path not exit");this.ora=rr,this.context=new UD.FeScriptContext(t),this.subPackages=["node-lib","react-app"],this.copyer=new _e((0,v.join)(this.context.options.configsRootPath,"_common")),this.compose=new xe}get logger(){return this.context.logger}async steps(t){try{return await WD.default.prompt(t)}catch(r){throw r.isTtyError,this.logger.error(r),r}}async action({label:t,task:r}){let u=r();u instanceof Promise||(u=Promise.resolve(u));let i=t;return this.ora(u,i),u}isPackageTemplate(t){return $D.includes(t)}async getGeneratorContext(){let t=Ot(this.subPackages,$D),r=await this.steps(t);if(this.isPackageTemplate(r.template)){let u=wt(this.subPackages),i=await this.steps(u);Object.assign(r,i)}return r.targetPath=(0,v.join)(process.cwd(),r.projectName),r.releasePath=r.releasePath||"src",r}async generate(){let t=await this.getGeneratorContext();if(this.logger.debug("context is:",t,this.context.options.templateRootPath),t.subPackages){await this.action({label:"Generate Directories(subPackages)",task:async()=>{await this.generateTemplateDir(t),await this.generateSubPackages(t),await this.generateConfigs(t,t.targetPath,"_common")}});return}await this.action({label:"Generate Directory",task:async()=>{await this.generateTemplateDir(t),await this.generateConfigs(t,t.targetPath,"_common"),await this.generateConfigs(t,t.targetPath,t.template)}})}async generateConfigs(t,r,u){let i=(s,a)=>(this.logger.debug("copyCallback",s,a),this.compose.composeConfigFile(t,s,a)),{configsRootPath:D,config:o}=this.context.options;if(!o){this.logger.debug("no copy config files");return}await this.copyer.copyPaths({sourcePath:(0,v.join)(D,u),targetPath:r,copyCallback:i})}generateTemplateDir(t){return this.copyer.copyPaths({sourcePath:(0,v.join)(this.context.options.templateRootPath,t.template),targetPath:t.targetPath})}async generateSubPackages(t){let{packagesNames:r="packages",subPackages:u=[],targetPath:i=""}=t,{templateRootPath:D}=this.context.options;for(let o of u){let s=(0,v.join)(D,o),a=(0,v.join)(i,r,o);this.logger.debug("copy sub package",s,a),await this.copyer.copyPaths({sourcePath:s,targetPath:a})}}};var bt={name:"@qlover/create-app",version:"0.7.7",description:"Create a new app with a single command",private:!1,type:"module",files:["dist","package.json","README.md","CHANGELOG.md"],bin:{"create-app":"dist/index.js"},scripts:{build:"tsup","create:app":"node ./dist/index.js"},repository:{type:"git",url:"git+https://github.com/qlover/fe-base.git",directory:"packages/create-app"},homepage:"https://github.com/qlover/fe-base#readme",keywords:["create-app","fe-scripts","scripts"],author:"qlover",license:"ISC",publishConfig:{access:"public"},devDependencies:{"@qlover/logger":"workspace:*",ignore:"^7.0.3",lodash:"^4.17.21",ora:"^8.1.1"},dependencies:{"@qlover/scripts-context":"workspace:*",commander:"^13.1.0",inquirer:"^12.3.2"}};function Ul(){let e=new YD.Command;return e.version(bt.version,"-v, --version","Show version").description(bt.description).option("-d, --dry-run","Do not touch or write anything, but show the commands").option("-V, --verbose","Show more information").option("--config","Copy config files (default: true)",!0).option("--no-config","Do not copy config files"),e.parse(),e.opts()}async function Wl(){let{dryRun:e,verbose:t,...r}=Ul(),u=(0,vt.resolve)("./templates"),i=(0,vt.resolve)("./configs");(0,xt.existsSync)(u)||(console.error("Template is empty!"),process.exit(1)),(0,xt.existsSync)(i)||(console.error("Configs is empty!"),process.exit(1)),await new ye({dryRun:e,verbose:t,options:{...r,templateRootPath:u,configsRootPath:i}}).generate()}Wl().catch(e=>{console.error(e),process.exit(1)});
+`).map(o=>o.trim()).filter(o=>o&&!o.startsWith("#"));return(0,cr.default)().add(D)}async copyFiles(t,r,u,i){let D=await Dt.promises.readdir(t);await Promise.all(D.map(async o=>{let s=(0,P.join)(t,o),a=(0,P.join)(r,o);if(u&&u.ignores(o))return;if(X.ensureDir((0,P.dirname)(a)),(await us(s)).isDirectory())await this.copyFiles(s,a,u,i);else{if(i&&await i(s,a))return;await rs(s,a)}}))}copyPaths({sourcePath:t,targetPath:r,copyCallback:u}){X.ensureDir(r);let i=this.getIg();return this.copyFiles(t,r,i,u)}};var L=require("fs"),kD=h(LD(),1),xe=class{constructor(){}isJSONFilePath(t){return t.endsWith(".json")||t.endsWith(".json.template")}isTemplateFilePath(t){return t.endsWith(".template")}getRealTemplateFilePath(t){return t.replace(".template","")}readFile(t){return(0,L.readFileSync)(t,"utf-8")}readJSONFile(t){return JSON.parse(this.readFile(t))}writeFile(t,r){(0,L.writeFileSync)(this.getRealTemplateFilePath(t),r,{encoding:"utf-8"})}replaceFile(t,r){let u=this.readFile(t);return Object.keys(r).forEach(i=>{let D=r[i];u=u.replace(new RegExp(`\\[TPL:${i}\\]`,"g"),typeof D=="string"?D:JSON.stringify(D))}),u}mergeJSONFile(t,r){let u=this.readJSONFile(t),i=(0,kD.default)(r,u);this.writeFile(t,JSON.stringify(i,null,2))}composeConfigFile(t,r,u){if(this.isTemplateFilePath(r)){let i=this.replaceFile(r,t);if(this.isJSONFilePath(r)&&this.isJSONFilePath(u)){let D=this.getRealTemplateFilePath(u);return(0,L.existsSync)(D)?(this.mergeJSONFile(D,JSON.parse(i)),!0):(this.writeFile(D,i),!0)}return this.writeFile(u,i),!0}return!1}};var $D=["pack-app"],ye=class{ora;context;subPackages;copyer;compose;constructor(t){let r=t.options?.templateRootPath;if(!r)throw new Error("template path not exit");if(!(0,HD.existsSync)(r))throw new Error("template path not exit");this.ora=rr,this.context=new UD.FeScriptContext(t),this.subPackages=["node-lib","react-app"],this.copyer=new _e((0,v.join)(this.context.options.configsRootPath,"_common")),this.compose=new xe}get logger(){return this.context.logger}async steps(t){try{return await WD.default.prompt(t)}catch(r){throw r.isTtyError,this.logger.error(r),r}}async action({label:t,task:r}){let u=r();u instanceof Promise||(u=Promise.resolve(u));let i=t;return this.ora(u,i),u}isPackageTemplate(t){return $D.includes(t)}async getGeneratorContext(){let t=Ot(this.subPackages,$D),r=await this.steps(t);if(this.isPackageTemplate(r.template)){let u=wt(this.subPackages),i=await this.steps(u);Object.assign(r,i)}return r.targetPath=(0,v.join)(process.cwd(),r.projectName),r.releasePath=r.releasePath||"src",r}async generate(){let t=await this.getGeneratorContext();if(this.logger.debug("context is:",t,this.context.options.templateRootPath),t.subPackages){await this.action({label:"Generate Directories(subPackages)",task:async()=>{await this.generateTemplateDir(t),await this.generateSubPackages(t),await this.generateConfigs(t,t.targetPath,"_common")}});return}await this.action({label:"Generate Directory",task:async()=>{await this.generateTemplateDir(t),await this.generateConfigs(t,t.targetPath,"_common"),await this.generateConfigs(t,t.targetPath,t.template)}})}async generateConfigs(t,r,u){let i=(s,a)=>(this.logger.debug("copyCallback",s,a),this.compose.composeConfigFile(t,s,a)),{configsRootPath:D,config:o}=this.context.options;if(!o){this.logger.debug("no copy config files");return}await this.copyer.copyPaths({sourcePath:(0,v.join)(D,u),targetPath:r,copyCallback:i})}generateTemplateDir(t){return this.copyer.copyPaths({sourcePath:(0,v.join)(this.context.options.templateRootPath,t.template),targetPath:t.targetPath})}async generateSubPackages(t){let{packagesNames:r="packages",subPackages:u=[],targetPath:i=""}=t,{templateRootPath:D}=this.context.options;for(let o of u){let s=(0,v.join)(D,o),a=(0,v.join)(i,r,o);this.logger.debug("copy sub package",s,a),await this.copyer.copyPaths({sourcePath:s,targetPath:a})}}};var bt={name:"@qlover/create-app",version:"0.7.9",description:"Create a new app with a single command",private:!1,type:"module",files:["dist","package.json","README.md","CHANGELOG.md"],bin:{"create-app":"dist/index.js"},scripts:{build:"tsup","create:app":"node ./dist/index.js"},repository:{type:"git",url:"git+https://github.com/qlover/fe-base.git",directory:"packages/create-app"},homepage:"https://github.com/qlover/fe-base#readme",keywords:["create-app","fe-scripts","scripts"],author:"qlover",license:"ISC",publishConfig:{access:"public"},devDependencies:{"@qlover/logger":"workspace:*",ignore:"^7.0.3",lodash:"^4.17.21",ora:"^8.1.1"},dependencies:{"@qlover/scripts-context":"workspace:*",commander:"^13.1.0",inquirer:"^12.3.2"}};function Ul(){let e=new YD.Command;return e.version(bt.version,"-v, --version","Show version").description(bt.description).option("-d, --dry-run","Do not touch or write anything, but show the commands").option("-V, --verbose","Show more information").option("--config","Copy config files (default: true)",!0).option("--no-config","Do not copy config files"),e.parse(),e.opts()}async function Wl(){let{dryRun:e,verbose:t,...r}=Ul(),u=(0,vt.resolve)("./templates"),i=(0,vt.resolve)("./configs");(0,xt.existsSync)(u)||(console.error("Template is empty!"),process.exit(1)),(0,xt.existsSync)(i)||(console.error("Configs is empty!"),process.exit(1)),await new ye({dryRun:e,verbose:t,options:{...r,templateRootPath:u,configsRootPath:i}}).generate()}Wl().catch(e=>{console.error(e),process.exit(1)});

package/dist/index.js

@@ -8,4 +8,4 @@ ${t}`,cn=Object.getOwnPropertyDescriptor(Function.prototype,"toString"),fn=Objec
 `))this.#e+=Math.max(1,Math.ceil(Le(D,{countAnsiEscapeCodes:!0})/t))}get isEnabled(){return this.#a&&!this.#F}set isEnabled(t){if(typeof t!="boolean")throw new TypeError("The `isEnabled` option must be a boolean");this.#a=t}get isSilent(){return this.#F}set isSilent(t){if(typeof t!="boolean")throw new TypeError("The `isSilent` option must be a boolean");this.#F=t}frame(){let t=Date.now();(this.#i===-1||t-this.#c>=this.interval)&&(this.#i=++this.#i%this.#D.frames.length,this.#c=t);let{frames:r}=this.#D,u=r[this.#i];this.color&&(u=E[this.color](u));let i=typeof this.#s=="string"&&this.#s!==""?this.#s+" ":"",D=typeof this.text=="string"?" "+this.text:"",o=typeof this.#o=="string"&&this.#o!==""?" "+this.#o:"";return i+u+D+o}clear(){if(!this.#a||!this.#u.isTTY)return this;this.#u.cursorTo(0);for(let t=0;t<this.#n;t++)t>0&&this.#u.moveCursor(0,-1),this.#u.clearLine(1);return(this.#l||this.lastIndent!==this.#l)&&this.#u.cursorTo(this.#l),this.lastIndent=this.#l,this.#n=0,this}render(){return this.#F?this:(this.clear(),this.#u.write(this.frame()),this.#n=this.#e,this)}start(t){return t&&(this.text=t),this.#F?this:this.#a?this.isSpinning?this:(this.#t.hideCursor&&je.hide(this.#u),this.#t.discardStdin&&ce.stdin.isTTY&&(this.#r=!0,We.start()),this.render(),this.#f=setInterval(this.render.bind(this),this.interval),this):(this.text&&this.#u.write(`- ${this.text}
 `),this)}stop(){return this.#a?(clearInterval(this.#f),this.#f=void 0,this.#i=0,this.clear(),this.#t.hideCursor&&je.show(this.#u),this.#t.discardStdin&&ce.stdin.isTTY&&this.#r&&(We.stop(),this.#r=!1),this):this}succeed(t){return this.stopAndPersist({symbol:k.success,text:t})}fail(t){return this.stopAndPersist({symbol:k.error,text:t})}warn(t){return this.stopAndPersist({symbol:k.warning,text:t})}info(t){return this.stopAndPersist({symbol:k.info,text:t})}stopAndPersist(t={}){if(this.#F)return this;let r=t.prefixText??this.#s,u=this.#E(r," "),i=t.symbol??" ",D=t.text??this.text,s=typeof D=="string"?(i?" ":"")+D:"",a=t.suffixText??this.#o,f=this.#g(a," "),p=u+i+s+f+`
 `;return this.stop(),this.#u.write(p),this}};function zt(e){return new He(e)}async function Kt(e,t){let r=typeof e=="function",u=typeof e.then=="function";if(!r&&!u)throw new TypeError("Parameter `action` must be a Function or a Promise");let{successText:i,failText:D}=typeof t=="object"?t:{successText:void 0,failText:void 0},o=zt(t).start();try{let a=await(r?e(o):e);return o.succeed(i===void 0?void 0:typeof i=="string"?i:i(a)),a}catch(s){throw o.fail(D===void 0?void 0:typeof D=="string"?D:D(s)),s}}import{existsSync as Hl}from"fs";var Dr=ue(ir(),1);import{dirname as Jn,join as Ze}from"path";import{existsSync as Zn,readFileSync as Qn}from"fs";import{promises as nr}from"fs";import{existsSync as Kn,mkdirSync as Xn}from"fs";var H=class{static ensureDir(t){Kn(t)||Xn(t,{recursive:!0})}};var{copyFile:es,stat:ts}=nr,Ce=class e{constructor(t,r=e.IGNORE_FILE){this.ignoreTargetPath=t;this.ignoreFile=r}static IGNORE_FILE=".gitignore.template";getIg(t=this.ignoreTargetPath){let r=Ze(t,this.ignoreFile);if(!Zn(r))return;let D=Qn(r,"utf8").split(`
-`).map(o=>o.trim()).filter(o=>o&&!o.startsWith("#"));return(0,Dr.default)().add(D)}async copyFiles(t,r,u,i){let D=await nr.readdir(t);await Promise.all(D.map(async o=>{let s=Ze(t,o),a=Ze(r,o);if(u&&u.ignores(o))return;if(H.ensureDir(Jn(a)),(await ts(s)).isDirectory())await this.copyFiles(s,a,u,i);else{if(i&&await i(s,a))return;await es(s,a)}}))}copyPaths({sourcePath:t,targetPath:r,copyCallback:u}){H.ensureDir(r);let i=this.getIg();return this.copyFiles(t,r,i,u)}};var ID=ue(qD(),1);import{readFileSync as Ll,writeFileSync as kl,existsSync as $l}from"fs";var me=class{constructor(){}isJSONFilePath(t){return t.endsWith(".json")||t.endsWith(".json.template")}isTemplateFilePath(t){return t.endsWith(".template")}getRealTemplateFilePath(t){return t.replace(".template","")}readFile(t){return Ll(t,"utf-8")}readJSONFile(t){return JSON.parse(this.readFile(t))}writeFile(t,r){kl(this.getRealTemplateFilePath(t),r,{encoding:"utf-8"})}replaceFile(t,r){let u=this.readFile(t);return Object.keys(r).forEach(i=>{let D=r[i];u=u.replace(new RegExp(`\\[TPL:${i}\\]`,"g"),typeof D=="string"?D:JSON.stringify(D))}),u}mergeJSONFile(t,r){let u=this.readJSONFile(t),i=(0,ID.default)(r,u);this.writeFile(t,JSON.stringify(i,null,2))}composeConfigFile(t,r,u){if(this.isTemplateFilePath(r)){let i=this.replaceFile(r,t);if(this.isJSONFilePath(r)&&this.isJSONFilePath(u)){let D=this.getRealTemplateFilePath(u);return $l(D)?(this.mergeJSONFile(D,JSON.parse(i)),!0):(this.writeFile(D,i),!0)}return this.writeFile(u,i),!0}return!1}};var jD=["pack-app"],Be=class{ora;context;subPackages;copyer;compose;constructor(t){let r=t.options?.templateRootPath;if(!r)throw new Error("template path not exit");if(!Hl(r))throw new Error("template path not exit");this.ora=Kt,this.context=new Ul(t),this.subPackages=["node-lib","react-app"],this.copyer=new Ce(N(this.context.options.configsRootPath,"_common")),this.compose=new me}get logger(){return this.context.logger}async steps(t){try{return await Wl.prompt(t)}catch(r){throw r.isTtyError,this.logger.error(r),r}}async action({label:t,task:r}){let u=r();u instanceof Promise||(u=Promise.resolve(u));let i=t;return this.ora(u,i),u}isPackageTemplate(t){return jD.includes(t)}async getGeneratorContext(){let t=_t(this.subPackages,jD),r=await this.steps(t);if(this.isPackageTemplate(r.template)){let u=mt(this.subPackages),i=await this.steps(u);Object.assign(r,i)}return r.targetPath=N(process.cwd(),r.projectName),r.releasePath=r.releasePath||"src",r}async generate(){let t=await this.getGeneratorContext();if(this.logger.debug("context is:",t,this.context.options.templateRootPath),t.subPackages){await this.action({label:"Generate Directories(subPackages)",task:async()=>{await this.generateTemplateDir(t),await this.generateSubPackages(t),await this.generateConfigs(t,t.targetPath,"_common")}});return}await this.action({label:"Generate Directory",task:async()=>{await this.generateTemplateDir(t),await this.generateConfigs(t,t.targetPath,"_common"),await this.generateConfigs(t,t.targetPath,t.template)}})}async generateConfigs(t,r,u){let i=(s,a)=>(this.logger.debug("copyCallback",s,a),this.compose.composeConfigFile(t,s,a)),{configsRootPath:D,config:o}=this.context.options;if(!o){this.logger.debug("no copy config files");return}await this.copyer.copyPaths({sourcePath:N(D,u),targetPath:r,copyCallback:i})}generateTemplateDir(t){return this.copyer.copyPaths({sourcePath:N(this.context.options.templateRootPath,t.template),targetPath:t.targetPath})}async generateSubPackages(t){let{packagesNames:r="packages",subPackages:u=[],targetPath:i=""}=t,{templateRootPath:D}=this.context.options;for(let o of u){let s=N(D,o),a=N(i,r,o);this.logger.debug("copy sub package",s,a),await this.copyer.copyPaths({sourcePath:s,targetPath:a})}}};var Et={name:"@qlover/create-app",version:"0.7.7",description:"Create a new app with a single command",private:!1,type:"module",files:["dist","package.json","README.md","CHANGELOG.md"],bin:{"create-app":"dist/index.js"},scripts:{build:"tsup","create:app":"node ./dist/index.js"},repository:{type:"git",url:"git+https://github.com/qlover/fe-base.git",directory:"packages/create-app"},homepage:"https://github.com/qlover/fe-base#readme",keywords:["create-app","fe-scripts","scripts"],author:"qlover",license:"ISC",publishConfig:{access:"public"},devDependencies:{"@qlover/logger":"workspace:*",ignore:"^7.0.3",lodash:"^4.17.21",ora:"^8.1.1"},dependencies:{"@qlover/scripts-context":"workspace:*",commander:"^13.1.0",inquirer:"^12.3.2"}};function zl(){let e=new Vl;return e.version(Et.version,"-v, --version","Show version").description(Et.description).option("-d, --dry-run","Do not touch or write anything, but show the commands").option("-V, --verbose","Show more information").option("--config","Copy config files (default: true)",!0).option("--no-config","Do not copy config files"),e.parse(),e.opts()}async function Kl(){let{dryRun:e,verbose:t,...r}=zl(),u=ND("./templates"),i=ND("./configs");GD(u)||(console.error("Template is empty!"),process.exit(1)),GD(i)||(console.error("Configs is empty!"),process.exit(1)),await new Be({dryRun:e,verbose:t,options:{...r,templateRootPath:u,configsRootPath:i}}).generate()}Kl().catch(e=>{console.error(e),process.exit(1)});
+`).map(o=>o.trim()).filter(o=>o&&!o.startsWith("#"));return(0,Dr.default)().add(D)}async copyFiles(t,r,u,i){let D=await nr.readdir(t);await Promise.all(D.map(async o=>{let s=Ze(t,o),a=Ze(r,o);if(u&&u.ignores(o))return;if(H.ensureDir(Jn(a)),(await ts(s)).isDirectory())await this.copyFiles(s,a,u,i);else{if(i&&await i(s,a))return;await es(s,a)}}))}copyPaths({sourcePath:t,targetPath:r,copyCallback:u}){H.ensureDir(r);let i=this.getIg();return this.copyFiles(t,r,i,u)}};var ID=ue(qD(),1);import{readFileSync as Ll,writeFileSync as kl,existsSync as $l}from"fs";var me=class{constructor(){}isJSONFilePath(t){return t.endsWith(".json")||t.endsWith(".json.template")}isTemplateFilePath(t){return t.endsWith(".template")}getRealTemplateFilePath(t){return t.replace(".template","")}readFile(t){return Ll(t,"utf-8")}readJSONFile(t){return JSON.parse(this.readFile(t))}writeFile(t,r){kl(this.getRealTemplateFilePath(t),r,{encoding:"utf-8"})}replaceFile(t,r){let u=this.readFile(t);return Object.keys(r).forEach(i=>{let D=r[i];u=u.replace(new RegExp(`\\[TPL:${i}\\]`,"g"),typeof D=="string"?D:JSON.stringify(D))}),u}mergeJSONFile(t,r){let u=this.readJSONFile(t),i=(0,ID.default)(r,u);this.writeFile(t,JSON.stringify(i,null,2))}composeConfigFile(t,r,u){if(this.isTemplateFilePath(r)){let i=this.replaceFile(r,t);if(this.isJSONFilePath(r)&&this.isJSONFilePath(u)){let D=this.getRealTemplateFilePath(u);return $l(D)?(this.mergeJSONFile(D,JSON.parse(i)),!0):(this.writeFile(D,i),!0)}return this.writeFile(u,i),!0}return!1}};var jD=["pack-app"],Be=class{ora;context;subPackages;copyer;compose;constructor(t){let r=t.options?.templateRootPath;if(!r)throw new Error("template path not exit");if(!Hl(r))throw new Error("template path not exit");this.ora=Kt,this.context=new Ul(t),this.subPackages=["node-lib","react-app"],this.copyer=new Ce(N(this.context.options.configsRootPath,"_common")),this.compose=new me}get logger(){return this.context.logger}async steps(t){try{return await Wl.prompt(t)}catch(r){throw r.isTtyError,this.logger.error(r),r}}async action({label:t,task:r}){let u=r();u instanceof Promise||(u=Promise.resolve(u));let i=t;return this.ora(u,i),u}isPackageTemplate(t){return jD.includes(t)}async getGeneratorContext(){let t=_t(this.subPackages,jD),r=await this.steps(t);if(this.isPackageTemplate(r.template)){let u=mt(this.subPackages),i=await this.steps(u);Object.assign(r,i)}return r.targetPath=N(process.cwd(),r.projectName),r.releasePath=r.releasePath||"src",r}async generate(){let t=await this.getGeneratorContext();if(this.logger.debug("context is:",t,this.context.options.templateRootPath),t.subPackages){await this.action({label:"Generate Directories(subPackages)",task:async()=>{await this.generateTemplateDir(t),await this.generateSubPackages(t),await this.generateConfigs(t,t.targetPath,"_common")}});return}await this.action({label:"Generate Directory",task:async()=>{await this.generateTemplateDir(t),await this.generateConfigs(t,t.targetPath,"_common"),await this.generateConfigs(t,t.targetPath,t.template)}})}async generateConfigs(t,r,u){let i=(s,a)=>(this.logger.debug("copyCallback",s,a),this.compose.composeConfigFile(t,s,a)),{configsRootPath:D,config:o}=this.context.options;if(!o){this.logger.debug("no copy config files");return}await this.copyer.copyPaths({sourcePath:N(D,u),targetPath:r,copyCallback:i})}generateTemplateDir(t){return this.copyer.copyPaths({sourcePath:N(this.context.options.templateRootPath,t.template),targetPath:t.targetPath})}async generateSubPackages(t){let{packagesNames:r="packages",subPackages:u=[],targetPath:i=""}=t,{templateRootPath:D}=this.context.options;for(let o of u){let s=N(D,o),a=N(i,r,o);this.logger.debug("copy sub package",s,a),await this.copyer.copyPaths({sourcePath:s,targetPath:a})}}};var Et={name:"@qlover/create-app",version:"0.7.9",description:"Create a new app with a single command",private:!1,type:"module",files:["dist","package.json","README.md","CHANGELOG.md"],bin:{"create-app":"dist/index.js"},scripts:{build:"tsup","create:app":"node ./dist/index.js"},repository:{type:"git",url:"git+https://github.com/qlover/fe-base.git",directory:"packages/create-app"},homepage:"https://github.com/qlover/fe-base#readme",keywords:["create-app","fe-scripts","scripts"],author:"qlover",license:"ISC",publishConfig:{access:"public"},devDependencies:{"@qlover/logger":"workspace:*",ignore:"^7.0.3",lodash:"^4.17.21",ora:"^8.1.1"},dependencies:{"@qlover/scripts-context":"workspace:*",commander:"^13.1.0",inquirer:"^12.3.2"}};function zl(){let e=new Vl;return e.version(Et.version,"-v, --version","Show version").description(Et.description).option("-d, --dry-run","Do not touch or write anything, but show the commands").option("-V, --verbose","Show more information").option("--config","Copy config files (default: true)",!0).option("--no-config","Do not copy config files"),e.parse(),e.opts()}async function Kl(){let{dryRun:e,verbose:t,...r}=zl(),u=ND("./templates"),i=ND("./configs");GD(u)||(console.error("Template is empty!"),process.exit(1)),GD(i)||(console.error("Configs is empty!"),process.exit(1)),await new Be({dryRun:e,verbose:t,options:{...r,templateRootPath:u,configsRootPath:i}}).generate()}Kl().catch(e=>{console.error(e),process.exit(1)});

package/dist/templates/next-app/build/generateLocales.ts

@@ -15,7 +15,7 @@ export async function generateLocales() {
       source: path,
       // You can use namespace
       // target: `./public/locales/{{lng}}/{{${name}}}.json`
-      target: `./public/locales/{{lng}}/common.json`
+      target: `./public/locales/{{lng}}.json`
     }));
 
   const ts2Locale = new Ts2Locales(locales);

package/dist/templates/next-app/config/IOCIdentifier.ts

@@ -1,8 +1,11 @@
 import type { AppConfig } from '@/base/cases/AppConfig';
+import type { DialogHandler } from '@/base/cases/DialogHandler';
+import type { RouterService } from '@/base/cases/RouterService';
 import type { I18nService } from '@/base/services/I18nService';
+import type { UserService } from '@/base/services/UserService';
 import type * as CorekitBridge from '@qlover/corekit-bridge';
 import type * as FeCorekit from '@qlover/fe-corekit';
-import type * as Logger from '@qlover/logger';
+import type { LoggerInterface } from '@qlover/logger';
 
 /**
  * IOC identifier
@@ -15,6 +18,8 @@ export const IOCIdentifier = Object.freeze({
   LocalStorage: 'LocalStorage',
   LocalStorageEncrypt: 'LocalStorageEncrypt',
   CookieStorage: 'CookieStorage',
+  UserServiceInterface: 'UserServiceInterface',
+  RouterServiceInterface: 'RouterServiceInterface',
   I18nServiceInterface: 'I18nServiceInterface'
 });
 
@@ -30,7 +35,7 @@ export const I = IOCIdentifier;
  */
 export interface IOCIdentifierMap {
   [IOCIdentifier.JSONSerializer]: FeCorekit.JSONSerializer;
-  [IOCIdentifier.Logger]: Logger.Logger;
+  [IOCIdentifier.Logger]: LoggerInterface;
   [IOCIdentifier.LocalStorage]: FeCorekit.SyncStorage<
     unknown,
     FeCorekit.ObjectStorageOptions
@@ -41,5 +46,13 @@ export interface IOCIdentifierMap {
   >;
   [IOCIdentifier.CookieStorage]: CorekitBridge.CookieStorage;
   [IOCIdentifier.AppConfig]: AppConfig;
+  [IOCIdentifier.UserServiceInterface]: UserService;
+  [IOCIdentifier.RouterServiceInterface]: RouterService;
   [IOCIdentifier.I18nServiceInterface]: I18nService;
+  [IOCIdentifier.DialogHandler]: DialogHandler;
+}
+
+export interface IOCIdentifierMapServer {
+  [IOCIdentifier.AppConfig]: AppConfig;
+  [IOCIdentifier.Logger]: LoggerInterface;
 }

package/dist/templates/next-app/config/Identifier/common.error.ts

@@ -32,3 +32,10 @@ export const RES_NO_TOKEN = 'err__response__no__token';
  * @localEn Not found component
  */
 export const NOT_FOUND_COMPONENT = 'err__not__found__component';
+
+/**
+ * @description 服务器认证错误
+ * @localZh 服务器认证错误
+ * @localEn Server auth error
+ */
+export const SERVER_AUTH_ERROR = 'err__server__auth__error';

package/dist/templates/next-app/config/Identifier/page.home.ts

@@ -12,6 +12,13 @@ export const PAGE_HOME_TITLE = 'page__home__title';
  */
 export const PAGE_HOME_DESCRIPTION = 'page__home__description';
 
+/**
+ * @description Home page keywords
+ * @localZh 现代前端实用库, 实用工具, 组件
+ * @localEn Modern frontend utility library, practical tools, components
+ */
+export const PAGE_HOME_KEYWORDS = 'page__home__keywords';
+
 /**
  * @description Home page welcome message
  * @localZh 欢迎来到主页

package/dist/templates/next-app/config/i18n/HomeI18n .ts

@@ -0,0 +1,22 @@
+import * as i18nKeys from '../Identifier/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.HOME_WELCOME,
+  getStartedTitle: i18nKeys.HOME_GET_STARTED_TITLE,
+  getStartedDescription: i18nKeys.HOME_GET_STARTED_DESCRIPTION,
+  getStartedButton: i18nKeys.HOME_GET_STARTED_BUTTON
+});

package/dist/templates/next-app/config/theme.ts

@@ -20,4 +20,5 @@ export const themeConfig = {
   } as ThemeConfig
 } as const;
 
+export type SupportedTheme = (typeof themeConfig.supportedThemes)[number];
 export type CommonThemeConfig = typeof themeConfig;

package/dist/templates/next-app/package.json

@@ -3,13 +3,13 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "cross-env APP_ENV=localhost next dev --turbopack",
-    "dev:staging": "cross-env APP_ENV=staging next dev --turbopack",
-    "dev:prod": "cross-env APP_ENV=production next dev --turbopack",
+    "dev": "cross-env APP_ENV=localhost next dev --turbopack --port 3100",
+    "dev:staging": "cross-env APP_ENV=staging next dev --turbopack --port 3100",
+    "dev:prod": "cross-env APP_ENV=production next dev --turbopack --port 3100",
     "build": "cross-env APP_ENV=localhost next build --turbopack",
     "build:staging": "cross-env APP_ENV=staging next build --turbopack",
     "build:prod": "cross-env APP_ENV=production next build --turbopack",
-    "start": "next start",
+    "start": "next start --port 3101",
     "lint": "eslint .",
     "lint:fix": "eslint . --ext .ts,.tsx --fix",
     "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,scss,md}\"",
@@ -43,7 +43,7 @@
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "@qlover/eslint-plugin": "file:../../../packages/eslint-plugin",
+    "@qlover/eslint-plugin": "latest",
     "cross-env": "^7.0.3",
     "eslint": "^9",
     "eslint-config-next": "15.5.0",

package/dist/templates/next-app/public/locales/{en/common.json → en.json}

@@ -179,5 +179,7 @@
   "page__request__trigger_api_catch": "Trigger API Catch Result",
   "page__request__stop_api_catch": "Stop API Catch Result",
   "page__login__content": "Login Page Content",
-  "page__login__keywords": "Login Page Keywords"
+  "page__login__keywords": "Login Page Keywords",
+  "err__server__auth__error": "Server auth error",
+  "page__home__keywords": "Modern frontend utility library, practical tools, components"
 }

package/dist/templates/next-app/public/locales/{zh/common.json → zh.json}

@@ -179,5 +179,7 @@
   "page__request__trigger_api_catch": "触发 API 捕获结果",
   "page__request__stop_api_catch": "停止 API 捕获结果",
   "page__login__content": "登录页面内容",
-  "page__login__keywords": "登录页面关键词"
+  "page__login__keywords": "登录页面关键词",
+  "err__server__auth__error": "服务器认证错误",
+  "page__home__keywords": "现代前端实用库, 实用工具, 组件"
 }

package/dist/templates/next-app/src/app/[locale]/layout.tsx

@@ -1,42 +1,24 @@
-import { notFound } from 'next/navigation';
 import { NextIntlClientProvider } from 'next-intl';
-import { getMessages } from 'next-intl/server';
-import { i18nConfig } from '@config/i18n';
 import { themeConfig } from '@config/theme';
-import { BaseHeader } from '@/uikit/components/BaseHeader';
+import { PageParams } from '@/base/cases/PageParams';
+import type { PageLayoutProps } from '@/base/types/PageProps';
 import { ComboProvider } from '@/uikit/components/ComboProvider';
-import type { LocaleType } from '@config/i18n';
 import '@/styles/css/index.css';
 
 export default async function RootLayout({
   children,
   params
-}: {
-  children: React.ReactNode;
-  params: Promise<{ locale: string }>;
-}) {
-  // Extract the locale from the route params (async for Next.js App Router)
-  const { locale } = await params;
-
-  // Validate that the requested locale is supported
-  if (!i18nConfig.supportedLngs.includes(locale as LocaleType)) {
-    notFound();
-  }
-
-  // Load the translation messages for the selected locale
-  const messages = await getMessages({ locale });
+}: PageLayoutProps) {
+  const pageParams = new PageParams(await params!);
+  const locale = pageParams.getLocale();
+  const messages = await pageParams.getI18nMessages();
 
   // TODO: suppressHydrationWarning 暂时解决 hydration 问题
   return (
     <html data-testid="RootLayout" lang={locale} suppressHydrationWarning>
       <body>
-        <NextIntlClientProvider messages={messages}>
-          <ComboProvider themeConfig={themeConfig}>
-            <div className="flex flex-col min-h-screen">
-              <BaseHeader />
-              <div className="flex flex-col">{children}</div>
-            </div>
-          </ComboProvider>
+        <NextIntlClientProvider locale={locale} messages={messages}>
+          <ComboProvider themeConfig={themeConfig}>{children}</ComboProvider>
         </NextIntlClientProvider>
       </body>
     </html>

package/dist/templates/next-app/src/app/[locale]/login/LoginForm.tsx

@@ -3,9 +3,9 @@
 import { UserOutlined, LockOutlined, GoogleOutlined } from '@ant-design/icons';
 import { Form, Input, Button } from 'antd';
 import { useState } from 'react';
-import { UserService } from '@/base/services/UserService';
-import { IOC } from '@/core/IOC';
+import { I } from '@config/IOCIdentifier';
 import { LocaleLink } from '@/uikit/components/LocaleLink';
+import { useIOC } from '@/uikit/hook/useIOC';
 import type { LoginI18nInterface } from '@config/i18n/loginI18n';
 
 interface LoginFormData {
@@ -15,16 +15,15 @@ interface LoginFormData {
 
 export function LoginForm(props: { tt: LoginI18nInterface }) {
   const { tt } = props;
-  const userService = IOC(UserService);
+  const userService = useIOC(I.UserServiceInterface);
+  const routerService = useIOC(I.RouterServiceInterface);
   const [loading, setLoading] = useState(false);
 
   const handleLogin = async (values: LoginFormData) => {
     try {
       setLoading(true);
-      await userService.login({
-        email: values.email,
-        password: values.password
-      });
+      await userService.login(values);
+      routerService.gotoHome();
     } catch (error) {
       console.error('Login error:', error);
     } finally {
@@ -48,7 +47,7 @@ export function LoginForm(props: { tt: LoginI18nInterface }) {
           prefix={<UserOutlined className="text-text-tertiary" />}
           placeholder={tt.email}
           title={tt.emailTitle}
-          className="h-12 text-base bg-secondary border-border"
+          className="h-12 text-base bg-secondary border-c-border"
           autoComplete="off"
         />
       </Form.Item>
@@ -67,11 +66,7 @@ export function LoginForm(props: { tt: LoginI18nInterface }) {
       </Form.Item>
 
       <div className="flex justify-end">
-        <LocaleLink
-          href="#"
-          className="text-brand hover:text-brand-hover"
-          title={tt.forgotPasswordTitle}
-        >
+        <LocaleLink href="#" title={tt.forgotPasswordTitle}>
           {tt.forgotPassword}
         </LocaleLink>
       </div>
@@ -102,11 +97,7 @@ export function LoginForm(props: { tt: LoginI18nInterface }) {
 
       <div className="text-center mt-6">
         <span className="text-text-tertiary">{tt.noAccount} </span>
-        <LocaleLink
-          href="/register"
-          className="text-brand hover:text-brand-hover"
-          title={tt.createAccountTitle}
-        >
+        <LocaleLink href="/register" title={tt.createAccountTitle}>
           {tt.createAccount}
         </LocaleLink>
       </div>

package/dist/templates/next-app/src/app/[locale]/login/page.tsx

@@ -1,6 +1,11 @@
+import { notFound } from 'next/navigation';
 import { loginI18n, i18nConfig } from '@config/i18n';
-import { getServerI18n } from '@/server/getServerI18n';
-import { useI18nInterface } from '@/uikit/hook/useI18nInterface';
+import { PageParams, type PageParamsType } from '@/base/cases/PageParams';
+import { ServerAuth } from '@/base/cases/ServerAuth';
+import type { PageParamsProps } from '@/base/types/PageProps';
+import { BootstrapServer } from '@/core/bootstraps/BootstrapServer';
+import { redirect } from '@/i18n/routing';
+import { BaseLayout } from '@/uikit/components/BaseLayout';
 import { FeatureItem } from './FeatureItem';
 import { LoginForm } from './LoginForm';
 import type { Metadata } from 'next';
@@ -21,35 +26,35 @@ export const dynamic = 'auto'; // Enable static generation when possible, fallba
 export async function generateMetadata({
   params
 }: {
-  params: Promise<{ locale: string }>;
+  params: Promise<PageParamsType>;
 }): Promise<Metadata> {
-  const { locale } = await params;
+  const pageParams = new PageParams(await params);
 
-  const tt = await getServerI18n({
-    locale,
-    i18nInterface: loginI18n
-  });
-
-  // Return localized SEO metadata
-  return tt;
+  return await pageParams.getI18nInterface(loginI18n);
 }
 
-export default function LoginPage() {
-  const tt = useI18nInterface(loginI18n);
+export default async function LoginPage(props: PageParamsProps) {
+  if (!props.params) {
+    return notFound();
+  }
+
+  const params = await props.params;
+  const pageParams = new PageParams(params);
+
+  const server = new BootstrapServer();
+
+  if (await new ServerAuth(server).hasAuth()) {
+    return redirect({ href: '/', locale: params.locale! });
+  }
+
+  const tt = await pageParams.getI18nInterface(loginI18n);
 
   return (
-    <div
+    <BaseLayout
       data-testid="LoginPage"
-      className="flex text-xs1 bg-primary min-h-screen"
+      className="text-xs1 bg-primary flex flex-col min-h-screen"
     >
-      {/* Left side - Brand section */}
       <div className="hidden lg:flex bg-secondary lg:w-1/2 p-12 flex-col">
-        <div className="flex items-center gap-3 mb-12">
-          <div className="w-10 h-10 bg-brand rounded-lg"></div>
-          <span className="text-2xl font-semibold text-text">
-            {'AppConfig.appName'}
-          </span>
-        </div>
         <h1 className="text-4xl font-bold text-text mb-4">{tt.welcome}</h1>
         <p className="text-text-secondary text-lg mb-8">{tt.subtitle}</p>
         <div className="space-y-4">
@@ -59,7 +64,6 @@ export default function LoginPage() {
         </div>
       </div>
 
-      {/* Right side - Login form */}
       <div className="w-full lg:w-1/2 p-8 sm:p-12 flex items-center justify-center">
         <div className="w-full max-w-[420px]">
           <h2 className="text-2xl font-semibold mb-2 text-text">{tt.title}</h2>
@@ -68,6 +72,6 @@ export default function LoginPage() {
           <LoginForm tt={tt} />
         </div>
       </div>
-    </div>
+    </BaseLayout>
   );
 }