@qlover/create-app 0.7.3 → 0.7.6

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @qlover/create-app
 
+## 0.7.6
+
+### Patch Changes
+
+#### ✨ Features
+
+- **ui:** introduce UI bridge interfaces and notification system ([6969561](https://github.com/qlover/fe-base/commit/6969561b3f4603bb51ae7ad5fdca9e539d75209b)) ([#499](https://github.com/qlover/fe-base/pull/499))
+  - Added UIBridgeInterface for decoupling business logic from UI components.
+  - Implemented UINotificationInterface and UIDialogInterface for standardized notification handling.
+  - Created NavigateBridge to facilitate navigation integration with React Router.
+  - Updated RouteService to utilize the new UIBridgeInterface for improved dependency management.
+  - Introduced useNavigateBridge hook for setting up navigation in React components.
+  - Removed obsolete UIDependenciesInterface to streamline the codebase.
+
+- **dialog:** enhance UIDialogInterface and integrate into DialogHandler ([d9d2cdd](https://github.com/qlover/fe-base/commit/d9d2cdd68ff2a68675a2abdd7339c7be0c706724)) ([#499](https://github.com/qlover/fe-base/pull/499))
+  - Updated UIDialogInterface to use generic types for notification options, improving flexibility.
+  - Integrated UIDialogInterface into DialogHandler for better type safety and consistency in dialog handling.
+  - Adjusted RouteService to streamline navigation handling and improve code clarity.
+  - Updated package.json to reference local paths for corekit-bridge and fe-corekit for development.
+
+## 0.7.5
+
+### Patch Changes
+
+#### ♻️ Refactors
+
+- **docs:** update references from @qlover/eslint-plugin-fe-dev to @qlover/eslint-plugin ([3c682cd](https://github.com/qlover/fe-base/commit/3c682cdbac17cc0e96166a45934899bad7c565cc)) ([#489](https://github.com/qlover/fe-base/pull/489))
+  - Replaced all instances of @qlover/eslint-plugin-fe-dev with @qlover/eslint-plugin in documentation and configuration files to reflect the new plugin structure.
+  - Ensured consistency across README and documentation files in both English and Chinese.
+  - Updated ESLint configuration files to use the new plugin name, enhancing clarity and maintainability.
+
 ## 0.7.3
 
 ### 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.3",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.6",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.3",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.6",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/react-app/.env.template

@@ -1,5 +1,3 @@
-NODE_ENV=production
-
 # ci
 NPM_TOKEN=
 GITHUB_TOKEN=

package/dist/templates/react-app/__tests__/src/base/services/I18nService.test.ts

@@ -87,7 +87,7 @@ describe('I18nService', () => {
         expect.objectContaining({
           debug: false,
           detection: {
-            order: ['pathLanguageDetector', 'navigator'],
+            order: ['pathLanguageDetector', 'navigator', 'localStorage'],
             caches: []
           }
         })

package/dist/templates/react-app/__tests__/src/core/IOC.test.ts

@@ -1,6 +1,6 @@
-import { IOC, type IOCContainer, type IOCIdentifierMap } from '@/core/IOC';
+import { IOC, type IOCContainer } from '@/core/IOC';
 import { InversifyContainer } from '@/base/cases/InversifyContainer';
-import { IocRegisterImpl } from '@/core/registers/IocRegisterImpl';
+import { IocRegisterImpl } from '@/core/IocRegisterImpl';
 import { IOCIdentifier } from '@config/IOCIdentifier';
 import type { AppConfig } from '@/base/cases/AppConfig';
 
@@ -35,7 +35,8 @@ describe('IOC Container Tests', () => {
       aiApiToken: '',
       aiApiTokenPrefix: 'Bearer',
       aiApiRequireToken: true,
-      bootHref: ''
+      bootHref: '',
+      isProduction: false
     };
   });
 
@@ -102,12 +103,6 @@ describe('IOC Container Tests', () => {
       expect(registerImpl).toBeInstanceOf(IocRegisterImpl);
     });
 
-    it('should return register list', () => {
-      const registerList = registerImpl.getRegisterList();
-      expect(Array.isArray(registerList)).toBe(true);
-      expect(registerList.length).toBeGreaterThan(0);
-    });
-
     it('should register services without throwing', () => {
       const mockManager = {
         get: vi.fn(),
@@ -125,34 +120,14 @@ describe('IOC Container Tests', () => {
   describe('IOCIdentifierMap Type Safety', () => {
     it('should have correct type mapping for JSON', () => {
       // This test verifies that the type mapping is correct
-      const identifierMap: IOCIdentifierMap = {} as IOCIdentifierMap;
+      const identifierMap = {};
 
       // TypeScript should enforce that these keys exist
-      expect(IOCIdentifier.JSON in identifierMap).toBeDefined();
+      expect(IOCIdentifier.JSONSerializer in identifierMap).toBeDefined();
       expect(IOCIdentifier.LocalStorage in identifierMap).toBeDefined();
       expect(IOCIdentifier.Logger in identifierMap).toBeDefined();
       expect(IOCIdentifier.AppConfig in identifierMap).toBeDefined();
     });
-
-    it('should have all required identifiers', () => {
-      const requiredIdentifiers = [
-        'JSON',
-        'LocalStorage',
-        'LocalStorageEncrypt',
-        'CookieStorage',
-        'Logger',
-        'FeApiToken',
-        'FeApiCommonPlugin',
-        'AppConfig',
-        'ApiMockPlugin',
-        'ApiCatchPlugin',
-        'DialogHandler'
-      ];
-
-      requiredIdentifiers.forEach((identifier) => {
-        expect(IOCIdentifier).toHaveProperty(identifier);
-      });
-    });
   });
 
   describe('Service Registration Integration', () => {

package/dist/templates/react-app/__tests__/src/core/bootstraps/BootstrapsApp.test.ts

@@ -2,7 +2,7 @@ import { InversifyContainer } from '@/base/cases/InversifyContainer';
 import { BootstrapApp } from '@/core/bootstraps/BootstrapApp';
 import type { BootstrapAppArgs } from '@/core/bootstraps/BootstrapApp';
 import { createIOCFunction } from '@qlover/corekit-bridge';
-import type { IOCIdentifierMap } from '@/core/IOC';
+import type { IOCIdentifierMap } from '@config/IOCIdentifier';
 import { name, version } from '../../../../package.json';
 import { browserGlobalsName } from '@config/common';
 

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

@@ -1,13 +1,85 @@
+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 { DialogHandler } from '@/base/cases/DialogHandler';
+import type { AppConfig } from '@/base/cases/AppConfig';
+import type { RequestStatusCatcher } from '@/base/cases/RequestStatusCatcher';
+import type { I18nService } from '@/base/services/I18nService';
+import type { ProcesserExecutor } from '@/base/services/ProcesserExecutor';
+import type { RouteService } from '@/base/services/RouteService';
+import type { UserService } from '@/base/services/UserService';
+import type { I18nKeyErrorPlugin } from '@/base/cases/I18nKeyErrorPlugin';
+import type { ExecutorPageBridgeInterface } from '@/base/port/ExecutorPageBridgeInterface';
+import type { JSONStoragePageBridgeInterface } from '@/base/port/JSONStoragePageBridgeInterface';
+import type { RequestPageBridgeInterface } from '@/base/port/RequestPageBridgeInterface';
+
+/**
+ * IOC identifier
+ */
 export const IOCIdentifier = Object.freeze({
-  JSON: 'JSON',
+  JSONSerializer: 'JSONSerializer',
+  Logger: 'Logger',
+  AppConfig: 'AppConfig',
+  DialogHandler: 'DialogHandler',
   LocalStorage: 'LocalStorage',
   LocalStorageEncrypt: 'LocalStorageEncrypt',
   CookieStorage: 'CookieStorage',
-  Logger: 'Logger',
-  FeApiToken: 'FeApiToken',
+  EnvConfigInterface: 'EnvConfigInterface',
+  UIDialogInterface: 'UIDialogInterface',
+  AntdStaticApiInterface: 'AntdStaticApiInterface',
+  RequestCatcherInterface: 'RequestCatcherInterface',
+  I18nServiceInterface: 'I18nServiceInterface',
+  ProcesserExecutorInterface: 'ProcesserExecutorInterface',
+  RouteServiceInterface: 'RouteServiceInterface',
+  UserServiceInterface: 'UserServiceInterface',
+  I18nKeyErrorPlugin: 'I18nKeyErrorPlugin',
   FeApiCommonPlugin: 'FeApiCommonPlugin',
-  AppConfig: 'AppConfig',
   ApiMockPlugin: 'ApiMockPlugin',
   ApiCatchPlugin: 'ApiCatchPlugin',
-  DialogHandler: 'DialogHandler'
+  ThemeService: 'ThemeService',
+  ExecutorPageBridgeInterface: 'ExecutorPageBridgeInterface',
+  JSONStoragePageInterface: 'JSONStoragePageInterface',
+  RequestPageBridgeInterface: 'RequestPageBridgeInterface'
 });
+
+export const I = IOCIdentifier;
+
+/**
+ * IOC identifier map
+ *
+ * Define the implementation class corresponding to the string identifier
+ *
+ * - key: interface alias or name
+ * - value: implementation class
+ */
+export interface IOCIdentifierMap {
+  [IOCIdentifier.JSONSerializer]: FeCorekit.JSONSerializer;
+  [IOCIdentifier.Logger]: Logger.Logger;
+  [IOCIdentifier.AppConfig]: AppConfig;
+  [IOCIdentifier.DialogHandler]: DialogHandler;
+  [IOCIdentifier.LocalStorage]: FeCorekit.SyncStorage<
+    unknown,
+    FeCorekit.ObjectStorageOptions
+  >;
+  [IOCIdentifier.LocalStorageEncrypt]: FeCorekit.SyncStorage<
+    unknown,
+    FeCorekit.ObjectStorageOptions
+  >;
+  [IOCIdentifier.CookieStorage]: CorekitBridge.CookieStorage;
+  [IOCIdentifier.EnvConfigInterface]: AppConfig;
+  [IOCIdentifier.UIDialogInterface]: DialogHandler;
+  [IOCIdentifier.AntdStaticApiInterface]: DialogHandler;
+  [IOCIdentifier.RequestCatcherInterface]: RequestStatusCatcher;
+  [IOCIdentifier.I18nServiceInterface]: I18nService;
+  [IOCIdentifier.ProcesserExecutorInterface]: ProcesserExecutor;
+  [IOCIdentifier.RouteServiceInterface]: RouteService;
+  [IOCIdentifier.UserServiceInterface]: UserService;
+  [IOCIdentifier.I18nKeyErrorPlugin]: I18nKeyErrorPlugin;
+  [IOCIdentifier.FeApiCommonPlugin]: CorekitBridge.RequestCommonPlugin;
+  [IOCIdentifier.ApiMockPlugin]: CorekitBridge.ApiMockPlugin;
+  [IOCIdentifier.ApiCatchPlugin]: CorekitBridge.ApiCatchPlugin;
+  [IOCIdentifier.ThemeService]: CorekitBridge.ThemeService;
+  [IOCIdentifier.ExecutorPageBridgeInterface]: ExecutorPageBridgeInterface;
+  [IOCIdentifier.JSONStoragePageInterface]: JSONStoragePageBridgeInterface;
+  [IOCIdentifier.RequestPageBridgeInterface]: RequestPageBridgeInterface;
+}

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

@@ -64,8 +64,8 @@ export const baseRoutes: RouteConfigValue[] = [
         }
       },
       {
-        path: 'errorIdentifier',
-        element: 'base/ErrorIdentifierPage',
+        path: 'identifier',
+        element: 'base/IdentifierPage',
         meta: {
           title: identifier.PAGE_ERROR_IDENTIFIER_TITLE,
           description: identifier.PAGE_ERROR_IDENTIFIER_DESCRIPTION,

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

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "private": true,
-  "homepage": "",
+  "homepage": "https://github.com/qlover/fe-base/tree/master/packages/create-app/templates/react-app#readme",
   "author": "qlover",
   "license": "ISC",
   "repository": {
@@ -26,9 +26,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "bin": {
-    "fe-release": "./bin/release.js"
-  },
   "scripts": {
     "dev": "vite --mode localhost",
     "dev:staging": "vite --mode staging",
@@ -44,7 +41,7 @@
     "@qlover/corekit-bridge": "latest",
     "@qlover/fe-corekit": "latest",
     "@qlover/logger": "^0.1.1",
-    "@qlover/slice-store-react": "^1.2.6",
+    "@qlover/slice-store-react": "^1.4.1",
     "@tailwindcss/postcss": "^4.1.8",
     "@tailwindcss/vite": "^4.1.8",
     "antd": "^5.25.3",
@@ -64,9 +61,9 @@
   "devDependencies": {
     "@brain-toolkit/ts2locales": "^0.2.3",
     "@qlover/env-loader": "latest",
-    "@qlover/eslint-plugin": "^0.2.0",
+    "@qlover/eslint-plugin": "latest",
     "@qlover/fe-scripts": "latest",
-    "@qlover/fe-standard": "^0.0.4",
+    "@qlover/fe-standard": "latest",
     "@testing-library/react": "^16.3.0",
     "@types/lodash": "^4.17.13",
     "@types/react": "^18.3.11",

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

@@ -178,4 +178,4 @@
   "page.request.stop_abort": "Stop Abort Request",
   "page.request.trigger_api_catch": "Trigger API Catch Result",
   "page.request.stop_api_catch": "Stop API Catch Result"
-}
+}

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

@@ -178,4 +178,4 @@
   "page.request.stop_abort": "停止中止请求",
   "page.request.trigger_api_catch": "触发 API 捕获结果",
   "page.request.stop_api_catch": "停止 API 捕获结果"
-}
+}

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

@@ -3,11 +3,12 @@ import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 import { lazy, useMemo } from 'react';
 import { RouterRenderComponent } from './uikit/components/RouterRenderComponent';
 import { IOC } from './core/IOC';
-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';
 import { useStore } from './uikit/hooks/useStore';
+import { IOCIdentifier } from '@config/IOCIdentifier';
+import { logger } from './core/globals';
 
 function getAllPages() {
   const modules = import.meta.glob('./pages/**/*.tsx');
@@ -25,11 +26,15 @@ function getAllPages() {
 
 const routerLoader = new RouterLoader({
   componentMaps: getAllPages(),
-  render: RouterRenderComponent
+  render: RouterRenderComponent,
+  logger: logger
 });
 
 function App() {
-  const routes = useStore(IOC(RouteService), (state) => state.routes);
+  const routes = useStore(
+    IOC(IOCIdentifier.RouteServiceInterface),
+    (state) => state.routes
+  );
 
   const routerBase = useMemo(() => {
     const routeList = routes.map((route) => routerLoader.toRoute(route));
@@ -41,7 +46,7 @@ function App() {
 
   return (
     <AntdThemeProvider
-      staticApi={IOC('DialogHandler')}
+      staticApi={IOC('AntdStaticApiInterface')}
       theme={{
         cssVar: {
           key: 'fe-theme',

package/dist/templates/react-app/src/base/apis/userApi/UserApi.ts

@@ -37,7 +37,7 @@ export class UserApi
   protected store: UserAuthStoreInterface<UserInfo> | null = null;
 
   constructor(
-    @inject(FetchAbortPlugin) private abortPlugin: FetchAbortPlugin,
+    @inject(FetchAbortPlugin) protected abortPlugin: FetchAbortPlugin,
     @inject(UserApiAdapter) adapter: RequestAdapterFetch
   ) {
     super(adapter);

package/dist/templates/react-app/src/base/apis/userApi/UserApiBootstarp.ts

@@ -16,6 +16,7 @@ import {
   type ApiCatchPluginResponse
 } from '@qlover/corekit-bridge';
 import { UserApi } from './UserApi';
+import { RequestLanguages } from '../../cases/RequestLanguages';
 
 /**
  * UserApiConfig
@@ -68,6 +69,9 @@ export class UserApiBootstarp implements BootstrapExecutorPlugin {
       .get<UserApi>(UserApi)
       .usePlugin(new FetchURLPlugin())
       .usePlugin(IOC.get(IOCIdentifier.FeApiCommonPlugin))
+      .usePlugin(
+        new RequestLanguages(ioc.get(IOCIdentifier.I18nServiceInterface))
+      )
       .usePlugin(IOC.get(IOCIdentifier.ApiMockPlugin))
       .usePlugin(IOC.get(RequestLogger))
       .usePlugin(IOC.get(FetchAbortPlugin))

package/dist/templates/react-app/src/base/cases/DialogHandler.ts

@@ -4,11 +4,14 @@ import type {
   ModalApi,
   NotificationApi
 } from '@brain-toolkit/antd-theme-override/react';
-import type {
-  InteractionHubInterface,
-  InteractionOptions,
-  ConfirmOptions
-} from '../port/InteractionHubInterface';
+import { UIDialogInterface, NotificationOptions } from '@qlover/corekit-bridge';
+import { ModalFuncProps } from 'antd';
+
+export interface DialogHandlerOptions
+  extends NotificationOptions,
+    ModalFuncProps {
+  content: string;
+}
 
 /**
  * Dialog Handler Implementation
@@ -32,9 +35,9 @@ import type {
  * });
  */
 export class DialogHandler
-  implements InteractionHubInterface, AntdStaticApiInterface
+  implements UIDialogInterface<DialogHandlerOptions>, AntdStaticApiInterface
 {
-  private antds: {
+  protected antds: {
     message?: MessageApi;
     modal?: ModalApi;
     notification?: NotificationApi;
@@ -55,32 +58,32 @@ export class DialogHandler
   /**
    * Formats error message from various error types
    */
-  private formatErrorMessage(error: unknown): string {
+  protected formatErrorMessage(error: unknown): string {
     if (error instanceof Error) return error.message;
     if (typeof error === 'string') return error;
     return 'An unknown error occurred';
   }
 
-  public success(msg: string, options?: InteractionOptions): void {
+  public success(msg: string, options?: NotificationOptions): void {
     this.antds.message?.success({ content: msg, ...options });
   }
 
-  public error(msg: string, options?: InteractionOptions): void {
+  public error(msg: string, options?: NotificationOptions): void {
     this.antds.message?.error({
       content: options?.error ? this.formatErrorMessage(options.error) : msg,
       ...options
     });
   }
 
-  public info(msg: string, options?: InteractionOptions): void {
+  public info(msg: string, options?: NotificationOptions): void {
     this.antds.message?.info({ content: msg, ...options });
   }
 
-  public warn(msg: string, options?: InteractionOptions): void {
+  public warn(msg: string, options?: NotificationOptions): void {
     this.antds.message?.warning({ content: msg, ...options });
   }
 
-  public confirm(options: ConfirmOptions): void {
+  public confirm(options: DialogHandlerOptions): void {
     this.antds.modal?.confirm(options);
   }
 }

package/dist/templates/react-app/src/base/cases/I18nKeyErrorPlugin.ts

@@ -1,8 +1,8 @@
 import type { ExecutorContext, ExecutorPlugin } from '@qlover/fe-corekit';
 import type { LoggerInterface } from '@qlover/logger';
 import { inject, injectable } from 'inversify';
-import { I18nService } from '../services/I18nService';
 import { IOCIdentifier } from '@config/IOCIdentifier';
+import type { I18nServiceInterface } from '../port/I18nServiceInterface';
 
 /**
  * When throw error, it will be converted to i18n key
@@ -14,8 +14,9 @@ export class I18nKeyErrorPlugin implements ExecutorPlugin {
   readonly pluginName = 'I18nKeyErrorPlugin';
 
   constructor(
-    @inject(IOCIdentifier.Logger) private logger: LoggerInterface,
-    @inject(I18nService) private i18nService: I18nService
+    @inject(IOCIdentifier.Logger) protected logger: LoggerInterface,
+    @inject(IOCIdentifier.I18nServiceInterface)
+    protected i18nService: I18nServiceInterface
   ) {}
 
   onError(context: ExecutorContext<unknown>): Error | void {

package/dist/templates/react-app/src/base/cases/InversifyContainer.ts

@@ -1,4 +1,4 @@
-import { IOCIdentifierMap } from '@/core/IOC';
+import { IOCIdentifierMap } from '@config/IOCIdentifier';
 import {
   IOCContainerInterface,
   ServiceIdentifier
@@ -6,7 +6,7 @@ import {
 import { Container } from 'inversify';
 
 export class InversifyContainer implements IOCContainerInterface {
-  private container: Container;
+  protected container: Container;
 
   constructor() {
     this.container = new Container({

package/dist/templates/react-app/src/base/cases/RequestLanguages.ts

@@ -0,0 +1,39 @@
+import { I18nServiceInterface } from '@/base/port/I18nServiceInterface';
+import {
+  ExecutorContext,
+  ExecutorPlugin,
+  RequestAdapterConfig
+} from '@qlover/fe-corekit';
+
+export class RequestLanguages implements ExecutorPlugin {
+  readonly pluginName = 'RequestLanguages';
+
+  constructor(
+    protected i18nService: I18nServiceInterface,
+    protected headerName = 'accept-language'
+  ) {}
+
+  buildAcceptLanguage(langs: string[]): string {
+    return langs
+      .map((lang, index) => {
+        const q = Math.max(1 - index * 0.1, 0.1).toFixed(1);
+        return index === 0 ? lang : `${lang};q=${q}`;
+      })
+      .join(',');
+  }
+
+  onBefore(context: ExecutorContext<RequestAdapterConfig>): void {
+    const currentLanguage = this.i18nService.getCurrentLanguage();
+    const languages = this.i18nService.getSupportedLanguages();
+
+    if (!context.parameters.headers) {
+      context.parameters.headers = {};
+    }
+
+    const languageValue = this.buildAcceptLanguage(
+      Array.from(new Set([currentLanguage, ...languages]))
+    );
+
+    context.parameters.headers[this.headerName] = languageValue;
+  }
+}

package/dist/templates/react-app/src/base/cases/RequestState.ts

@@ -0,0 +1,20 @@
+import { AsyncStateInterface } from '@/base/port/AsyncStateInterface';
+
+export class RequestState<T> implements AsyncStateInterface<T> {
+  startTime: number;
+  endTime: number;
+
+  constructor(
+    public loading: boolean = false,
+    public result: T | null = null,
+    public error: unknown | null = null
+  ) {
+    this.startTime = Date.now();
+    this.endTime = 0;
+  }
+
+  end(): this {
+    this.endTime = Date.now();
+    return this;
+  }
+}

package/dist/templates/react-app/src/base/cases/RequestStatusCatcher.ts

@@ -9,9 +9,9 @@ export class RequestStatusCatcher
   implements RequestCatcherInterface<RequestAdapterResponse>
 {
   constructor(
-    @inject(IOCIdentifier.Logger)
-    private readonly logger: LoggerInterface
+    @inject(IOCIdentifier.Logger) protected logger: LoggerInterface
   ) {}
+
   /**
    * default handler
    * @override