@qlover/create-app 0.8.0 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @qlover/create-app
 
+## 0.9.0
+
+### Minor Changes
+
+#### ✨ Features
+
+- **react-app:** integrate chat message components and enhance messaging functionality ([84af0f3](https://github.com/qlover/fe-base/commit/84af0f3913f191e79d747bffcc7d26283f6b861f)) ([#537](https://github.com/qlover/fe-base/pull/537))
+  - Introduced ChatMessage component system, including ChatRoot, MessagesList, and MessageItem for improved chat interactions.
+  - Added MessageBaseList component for testing message gateway functionality.
+  - Implemented internationalization support for chat and message components, enhancing user experience.
+  - Updated routing configuration to include a new MessagePage for managing chat messages.
+  - Enhanced Playwright testing setup for chat components, ensuring robust testing coverage.
+
+  These changes aim to provide a comprehensive chat experience, streamline message handling, and improve overall application functionality.
+
+  Co-authored-by: QRJ <github-actions[bot]@users.noreply.github.com>
+
 ## 0.8.0
 
 ### Minor Changes

package/dist/configs/_common/.github/workflows/general-check.yml

@@ -24,7 +24,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '18.20.0'
+          node-version: '20.16.0'
       - run: npm install -g pnpm
       - run: pnpm install --frozen-lockfile
       - run: pnpm lint

package/dist/configs/_common/.github/workflows/release.yml

@@ -31,7 +31,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: '18.20.0'
+          node-version: '20.16.0'
 
       - run: npm install -g pnpm
       - run: pnpm install --frozen-lockfile
@@ -66,7 +66,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: '18.20.0'
+          node-version: '20.16.0'
 
       - run: npm install -g pnpm
       - run: pnpm install --frozen-lockfile

package/dist/index.cjs

@@ -8,4 +8,4 @@ ${t}`,_n=Object.getOwnPropertyDescriptor(Function.prototype,"toString"),mn=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,l=this.#g(a," "),p=u+i+s+l+`
 `;return this.stop(),this.#u.write(p),this}};function rr(e){return new Ze(e)}async function ur(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=rr(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 bt=require("fs");var P=require("path"),me=require("fs"),fr=h(cr(),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:us,stat:is}=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,fr.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 is(s)).isDirectory())await this.copyFiles(s,a,u,i);else{if(i&&await i(s,a))return;await us(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"),$D=h(kD(),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,$D.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 UD=["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,bt.existsSync)(r))throw new Error("template path not exit");this.ora=ur,this.context=new WD.ScriptContext("create-app",t),this.subPackages=["node-lib","react-app","next-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 HD.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 UD.includes(t)}async getGeneratorContext(){let t=wt(this.subPackages,UD),r=await this.steps(t);if(this.isPackageTemplate(r.template)){let u=Pt(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=(a,l)=>(this.logger.debug("copyCallback",a,l),this.compose.composeConfigFile(t,a,l)),{configsRootPath:D,config:o}=this.context.options;if(!o){this.logger.debug("no copy config files");return}let s=(0,v.join)(D,u);if(!(0,bt.existsSync)(s)){this.logger.debug(`Config path not found: ${s}`);return}await this.copyer.copyPaths({sourcePath:s,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 vt={name:"@qlover/create-app",version:"0.8.0",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:{lint:"eslint src --fix",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 Wl(){let e=new YD.Command;return e.version(vt.version,"-v, --version","Show version").description(vt.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 VD(e=process.cwd()){let{dryRun:t,verbose:r,...u}=Wl(),i=(0,xt.resolve)(e,"./templates"),D=(0,xt.resolve)(e,"./configs");(0,yt.existsSync)(i)||(console.error("Template is empty!"),process.exit(1)),(0,yt.existsSync)(D)||(console.error("Configs is empty!"),process.exit(1)),await new ye({dryRun:t,verbose:r,options:{...u,templateRootPath:i,configsRootPath:D}}).generate()}VD(__dirname).catch(e=>{console.error(e),process.exit(1)});
+`).map(o=>o.trim()).filter(o=>o&&!o.startsWith("#"));return(0,fr.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 is(s)).isDirectory())await this.copyFiles(s,a,u,i);else{if(i&&await i(s,a))return;await us(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"),$D=h(kD(),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,$D.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 UD=["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,bt.existsSync)(r))throw new Error("template path not exit");this.ora=ur,this.context=new WD.ScriptContext("create-app",t),this.subPackages=["node-lib","react-app","next-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 HD.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 UD.includes(t)}async getGeneratorContext(){let t=wt(this.subPackages,UD),r=await this.steps(t);if(this.isPackageTemplate(r.template)){let u=Pt(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=(a,l)=>(this.logger.debug("copyCallback",a,l),this.compose.composeConfigFile(t,a,l)),{configsRootPath:D,config:o}=this.context.options;if(!o){this.logger.debug("no copy config files");return}let s=(0,v.join)(D,u);if(!(0,bt.existsSync)(s)){this.logger.debug(`Config path not found: ${s}`);return}await this.copyer.copyPaths({sourcePath:s,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 vt={name:"@qlover/create-app",version:"0.9.0",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:{lint:"eslint src --fix",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 Wl(){let e=new YD.Command;return e.version(vt.version,"-v, --version","Show version").description(vt.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 VD(e=process.cwd()){let{dryRun:t,verbose:r,...u}=Wl(),i=(0,xt.resolve)(e,"./templates"),D=(0,xt.resolve)(e,"./configs");(0,yt.existsSync)(i)||(console.error("Template is empty!"),process.exit(1)),(0,yt.existsSync)(D)||(console.error("Configs is empty!"),process.exit(1)),await new ye({dryRun:t,verbose:r,options:{...u,templateRootPath:i,configsRootPath:D}}).generate()}VD(__dirname).catch(e=>{console.error(e),process.exit(1)});

package/dist/index.js

@@ -8,4 +8,4 @@ ${t}`,pD=Object.getOwnPropertyDescriptor(Function.prototype,"toString"),hD=Objec
 `))this.#e+=Math.max(1,Math.ceil(Le(n,{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.#n.frames.length,this.#c=t);let{frames:r}=this.#n,u=r[this.#i];this.color&&(u=E[this.color](u));let i=typeof this.#s=="string"&&this.#s!==""?this.#s+" ":"",n=typeof this.text=="string"?" "+this.text:"",o=typeof this.#o=="string"&&this.#o!==""?" "+this.#o:"";return i+u+n+o}clear(){if(!this.#a||!this.#u.isTTY)return this;this.#u.cursorTo(0);for(let t=0;t<this.#D;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.#D=0,this}render(){return this.#F?this:(this.clear(),this.#u.write(this.frame()),this.#D=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??" ",n=t.text??this.text,s=typeof n=="string"?(i?" ":"")+n:"",a=t.suffixText??this.#o,l=this.#g(a," "),p=u+i+s+l+`
 `;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:n}=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(n===void 0?void 0:typeof n=="string"?n:n(s)),s}}import{existsSync as Nn}from"fs";var nr=ue(ir(),1);import{dirname as QD,join as Ze}from"path";import{existsSync as es,readFileSync as ts}from"fs";import{promises as Dr}from"fs";import{existsSync as JD,mkdirSync as ZD}from"fs";var H=class{static ensureDir(t){JD(t)||ZD(t,{recursive:!0})}};var{copyFile:rs,stat:us}=Dr,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(!es(r))return;let n=ts(r,"utf8").split(`
-`).map(o=>o.trim()).filter(o=>o&&!o.startsWith("#"));return(0,nr.default)().add(n)}async copyFiles(t,r,u,i){let n=await Dr.readdir(t);await Promise.all(n.map(async o=>{let s=Ze(t,o),a=Ze(r,o);if(u&&u.ignores(o))return;if(H.ensureDir(QD(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}){H.ensureDir(r);let i=this.getIg();return this.copyFiles(t,r,i,u)}};var jn=ue(In(),1);import{readFileSync as $l,writeFileSync as Ul,existsSync as Wl}from"fs";var _e=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 $l(t,"utf-8")}readJSONFile(t){return JSON.parse(this.readFile(t))}writeFile(t,r){Ul(this.getRealTemplateFilePath(t),r,{encoding:"utf-8"})}replaceFile(t,r){let u=this.readFile(t);return Object.keys(r).forEach(i=>{let n=r[i];u=u.replace(new RegExp(`\\[TPL:${i}\\]`,"g"),typeof n=="string"?n:JSON.stringify(n))}),u}mergeJSONFile(t,r){let u=this.readJSONFile(t),i=(0,jn.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 n=this.getRealTemplateFilePath(u);return Wl(n)?(this.mergeJSONFile(n,JSON.parse(i)),!0):(this.writeFile(n,i),!0)}return this.writeFile(u,i),!0}return!1}};var Gn=["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(!Nn(r))throw new Error("template path not exit");this.ora=Kt,this.context=new Hl("create-app",t),this.subPackages=["node-lib","react-app","next-app"],this.copyer=new Ce(N(this.context.options.configsRootPath,"_common")),this.compose=new _e}get logger(){return this.context.logger}async steps(t){try{return await Yl.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 Gn.includes(t)}async getGeneratorContext(){let t=mt(this.subPackages,Gn),r=await this.steps(t);if(this.isPackageTemplate(r.template)){let u=_t(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=(a,l)=>(this.logger.debug("copyCallback",a,l),this.compose.composeConfigFile(t,a,l)),{configsRootPath:n,config:o}=this.context.options;if(!o){this.logger.debug("no copy config files");return}let s=N(n,u);if(!Nn(s)){this.logger.debug(`Config path not found: ${s}`);return}await this.copyer.copyPaths({sourcePath:s,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:n}=this.context.options;for(let o of u){let s=N(n,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.8.0",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:{lint:"eslint src --fix",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 Kl(){let e=new zl;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 kn(e=process.cwd()){let{dryRun:t,verbose:r,...u}=Kl(),i=Mn(e,"./templates"),n=Mn(e,"./configs");Ln(i)||(console.error("Template is empty!"),process.exit(1)),Ln(n)||(console.error("Configs is empty!"),process.exit(1)),await new Be({dryRun:t,verbose:r,options:{...u,templateRootPath:i,configsRootPath:n}}).generate()}import{fileURLToPath as Xl}from"url";import{dirname as Jl}from"path";var Zl=Xl(import.meta.url),Ql=Jl(Zl);kn(Ql).catch(e=>{console.error(e),process.exit(1)});
+`).map(o=>o.trim()).filter(o=>o&&!o.startsWith("#"));return(0,nr.default)().add(n)}async copyFiles(t,r,u,i){let n=await Dr.readdir(t);await Promise.all(n.map(async o=>{let s=Ze(t,o),a=Ze(r,o);if(u&&u.ignores(o))return;if(H.ensureDir(QD(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}){H.ensureDir(r);let i=this.getIg();return this.copyFiles(t,r,i,u)}};var jn=ue(In(),1);import{readFileSync as $l,writeFileSync as Ul,existsSync as Wl}from"fs";var _e=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 $l(t,"utf-8")}readJSONFile(t){return JSON.parse(this.readFile(t))}writeFile(t,r){Ul(this.getRealTemplateFilePath(t),r,{encoding:"utf-8"})}replaceFile(t,r){let u=this.readFile(t);return Object.keys(r).forEach(i=>{let n=r[i];u=u.replace(new RegExp(`\\[TPL:${i}\\]`,"g"),typeof n=="string"?n:JSON.stringify(n))}),u}mergeJSONFile(t,r){let u=this.readJSONFile(t),i=(0,jn.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 n=this.getRealTemplateFilePath(u);return Wl(n)?(this.mergeJSONFile(n,JSON.parse(i)),!0):(this.writeFile(n,i),!0)}return this.writeFile(u,i),!0}return!1}};var Gn=["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(!Nn(r))throw new Error("template path not exit");this.ora=Kt,this.context=new Hl("create-app",t),this.subPackages=["node-lib","react-app","next-app"],this.copyer=new Ce(N(this.context.options.configsRootPath,"_common")),this.compose=new _e}get logger(){return this.context.logger}async steps(t){try{return await Yl.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 Gn.includes(t)}async getGeneratorContext(){let t=mt(this.subPackages,Gn),r=await this.steps(t);if(this.isPackageTemplate(r.template)){let u=_t(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=(a,l)=>(this.logger.debug("copyCallback",a,l),this.compose.composeConfigFile(t,a,l)),{configsRootPath:n,config:o}=this.context.options;if(!o){this.logger.debug("no copy config files");return}let s=N(n,u);if(!Nn(s)){this.logger.debug(`Config path not found: ${s}`);return}await this.copyer.copyPaths({sourcePath:s,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:n}=this.context.options;for(let o of u){let s=N(n,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.9.0",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:{lint:"eslint src --fix",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 Kl(){let e=new zl;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 kn(e=process.cwd()){let{dryRun:t,verbose:r,...u}=Kl(),i=Mn(e,"./templates"),n=Mn(e,"./configs");Ln(i)||(console.error("Template is empty!"),process.exit(1)),Ln(n)||(console.error("Configs is empty!"),process.exit(1)),await new Be({dryRun:t,verbose:r,options:{...u,templateRootPath:i,configsRootPath:n}}).generate()}import{fileURLToPath as Xl}from"url";import{dirname as Jl}from"path";var Zl=Xl(import.meta.url),Ql=Jl(Zl);kn(Ql).catch(e=>{console.error(e),process.exit(1)});

package/dist/templates/react-app/__tests__/src/uikit/components/chatMessage/ChatRoot.test.tsx

@@ -0,0 +1,274 @@
+import { BootstrapTest } from '@__mocks__/BootstrapTest';
+import { TestApp } from '@__mocks__/components';
+import * as chatI18nKeys from '@config/Identifier/components/component.chatMessage';
+import { ChatMessageRole, ChatMessageStore } from '@qlover/corekit-bridge';
+import { render, screen } from '@testing-library/react';
+import { beforeAll, beforeEach, describe, expect, it, vi } from 'vitest';
+import { logger } from '@/core/globals';
+import { ChatMessageBridge } from '@/uikit/components/chatMessage/ChatMessageBridge';
+import { ChatRoot } from '@/uikit/components/chatMessage/ChatRoot';
+import type { ChatMessageI18nInterface } from '@config/i18n/chatMessageI18n';
+import type { MessageGetwayInterface } from '@qlover/corekit-bridge';
+
+// Mock i18n values matching the actual i18n keys
+const mockI18n: ChatMessageI18nInterface = {
+  send: chatI18nKeys.COMPONENT_CHAT_SEND,
+  stop: chatI18nKeys.COMPONENT_CHAT_STOP,
+  loading: chatI18nKeys.COMPONENT_CHAT_LOADING,
+  inputPlaceholder: chatI18nKeys.COMPONENT_CHAT_INPUT_PLACEHOLDER,
+  empty: chatI18nKeys.COMPONENT_CHAT_EMPTY,
+  start: chatI18nKeys.COMPONENT_CHAT_START,
+  retry: chatI18nKeys.COMPONENT_CHAT_RETRY,
+  duration: chatI18nKeys.COMPONENT_CHAT_DURATION
+};
+
+// Simple mock gateway for testing
+class MockMessageGateway implements MessageGetwayInterface {
+  sendMessage = vi.fn();
+}
+
+describe('ChatRoot Component', () => {
+  let messagesStore: ChatMessageStore<string>;
+  let mockGateway: MockMessageGateway;
+  let bridge: ChatMessageBridge<string>;
+
+  beforeAll(async () => {
+    await BootstrapTest.main({
+      root: globalThis,
+      bootHref: 'http://localhost:3000/en/test'
+    });
+  });
+
+  beforeEach(() => {
+    // Create fresh instances for each test
+    messagesStore = new ChatMessageStore<string>();
+    mockGateway = new MockMessageGateway();
+    bridge = new ChatMessageBridge<string>(messagesStore, {
+      gateway: mockGateway,
+      logger: logger,
+      senderName: 'TestSender',
+      gatewayOptions: {}
+    });
+
+    // Reset mocks
+    vi.clearAllMocks();
+  });
+
+  describe('Component Rendering', () => {
+    it('should render ChatRoot with all required components', () => {
+      render(
+        <TestApp>
+          <ChatRoot bridge={bridge} tt={mockI18n} />
+        </TestApp>
+      );
+
+      // Check main container
+      const chatRoot = screen.getByTestId('ChatRoot');
+      expect(chatRoot).toBeDefined();
+
+      // Check MessagesList component
+      const messagesList = screen.getByTestId('MessagesList');
+      expect(messagesList).toBeDefined();
+
+      // Check FocusBar component
+      const focusBar = screen.getByTestId('FocusBar');
+      expect(focusBar).toBeDefined();
+    });
+
+    it('should display empty state initially', () => {
+      render(
+        <TestApp>
+          <ChatRoot bridge={bridge} tt={mockI18n} />
+        </TestApp>
+      );
+
+      // Empty state text should be visible
+      // Note: The actual text will be the i18n key, not the translated text in tests
+      const emptyText = screen.getByText(/component_chat:empty/i);
+      expect(emptyText).toBeDefined();
+    });
+
+    it('should render textarea for input', () => {
+      render(
+        <TestApp>
+          <ChatRoot bridge={bridge} tt={mockI18n} />
+        </TestApp>
+      );
+
+      const textarea = screen.getByRole('textbox');
+      expect(textarea).toBeDefined();
+    });
+
+    it('should render send button', () => {
+      render(
+        <TestApp>
+          <ChatRoot bridge={bridge} tt={mockI18n} />
+        </TestApp>
+      );
+
+      const sendButton = screen.getByTestId('FocusBar-Button-Send');
+      expect(sendButton).toBeDefined();
+    });
+  });
+
+  describe('Props Integration', () => {
+    it('should accept and use bridge prop', () => {
+      render(
+        <TestApp>
+          <ChatRoot bridge={bridge} tt={mockI18n} />
+        </TestApp>
+      );
+
+      // Verify bridge is connected by checking store state
+      const state = messagesStore.state;
+      expect(state).toBeDefined();
+      expect(state.messages).toEqual([]);
+      expect(state.draftMessages).toEqual([]);
+    });
+
+    it('should accept different bridge instances', () => {
+      const newStore = new ChatMessageStore<string>();
+      const newBridge = new ChatMessageBridge<string>(newStore, {
+        gateway: mockGateway,
+        logger: logger,
+        senderName: 'NewTestSender',
+        gatewayOptions: {}
+      });
+
+      render(
+        <TestApp>
+          <ChatRoot bridge={newBridge} tt={mockI18n} />
+        </TestApp>
+      );
+
+      const chatRoot = screen.getByTestId('ChatRoot');
+      expect(chatRoot).toBeDefined();
+    });
+  });
+
+  describe('Bridge Integration', () => {
+    it('should connect to message store through bridge', () => {
+      render(
+        <TestApp>
+          <ChatRoot bridge={bridge} tt={mockI18n} />
+        </TestApp>
+      );
+
+      // Bridge should have access to store
+      const messageStore = bridge.getMessageStore();
+      expect(messageStore).toBe(messagesStore);
+    });
+
+    it('should update UI when content is changed via bridge', () => {
+      render(
+        <TestApp>
+          <ChatRoot bridge={bridge} tt={mockI18n} />
+        </TestApp>
+      );
+
+      // Initially, send button should be disabled (no content)
+      const sendButton = screen.getByTestId('FocusBar-Button-Send');
+      expect(sendButton).toHaveProperty('disabled', true);
+
+      // Change content via bridge
+      bridge.onChangeContent('Test message');
+
+      // Now send button should be enabled (has content)
+      // Note: This requires the component to re-render based on store updates
+      const state = messagesStore.state;
+      expect(state.draftMessages.length).toBeGreaterThan(0);
+      expect(state.draftMessages[0]?.content).toBe('Test message');
+    });
+  });
+
+  describe('Store State Management', () => {
+    it('should reflect message store state', () => {
+      render(
+        <TestApp>
+          <ChatRoot bridge={bridge} tt={mockI18n} />
+        </TestApp>
+      );
+
+      // Initial state should be empty
+      const initialState = messagesStore.state;
+      expect(initialState.messages).toEqual([]);
+      expect(initialState.draftMessages).toEqual([]);
+      // These properties might be undefined initially, which is fine
+      expect(initialState.disabledSend).toBeFalsy();
+      expect(initialState.streaming).toBeFalsy();
+    });
+
+    it('should update when messages are added to store', () => {
+      render(
+        <TestApp>
+          <ChatRoot bridge={bridge} tt={mockI18n} />
+        </TestApp>
+      );
+
+      // Add a message to the store
+      messagesStore.addMessage({
+        id: 'test-1',
+        role: ChatMessageRole.USER,
+        content: 'Test message',
+        loading: false,
+        startTime: Date.now()
+      });
+
+      // Verify message is in store
+      const state = messagesStore.state;
+      expect(state.messages.length).toBe(1);
+      expect(state.messages[0]?.content).toBe('Test message');
+    });
+  });
+
+  describe('Button States', () => {
+    it('should have disabled send button when no content', () => {
+      render(
+        <TestApp>
+          <ChatRoot bridge={bridge} tt={mockI18n} />
+        </TestApp>
+      );
+
+      const sendButton = screen.getByTestId('FocusBar-Button-Send');
+      expect(sendButton).toHaveProperty('disabled', true);
+    });
+  });
+
+  describe('Component Structure', () => {
+    it('should have correct CSS classes for layout', () => {
+      render(
+        <TestApp>
+          <ChatRoot bridge={bridge} tt={mockI18n} />
+        </TestApp>
+      );
+
+      const chatRoot = screen.getByTestId('ChatRoot');
+      expect(chatRoot.className).toContain('flex');
+      expect(chatRoot.className).toContain('flex-col');
+    });
+
+    it('should render MessagesList with correct data-testid', () => {
+      render(
+        <TestApp>
+          <ChatRoot bridge={bridge} tt={mockI18n} />
+        </TestApp>
+      );
+
+      const messagesList = screen.getByTestId('MessagesList');
+      expect(messagesList).toBeDefined();
+      expect(messagesList.className).toContain('overflow-y-auto');
+    });
+
+    it('should render FocusBar with correct data-testid', () => {
+      render(
+        <TestApp>
+          <ChatRoot bridge={bridge} tt={mockI18n} />
+        </TestApp>
+      );
+
+      const focusBar = screen.getByTestId('FocusBar');
+      expect(focusBar).toBeDefined();
+      expect(focusBar.className).toContain('border-t');
+    });
+  });
+});

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

@@ -6,6 +6,7 @@ import type { ExecutorPageBridgeInterface } from '@/base/port/ExecutorPageBridge
 import type { JSONStoragePageBridgeInterface } from '@/base/port/JSONStoragePageBridgeInterface';
 import type { RequestPageBridgeInterface } from '@/base/port/RequestPageBridgeInterface';
 import type { I18nService } from '@/base/services/I18nService';
+import type { MessageService } from '@/base/services/MessageService';
 import type { ProcesserExecutor } from '@/base/services/ProcesserExecutor';
 import type { RouteService } from '@/base/services/RouteService';
 import type { UserService } from '@/base/services/UserService';
@@ -32,6 +33,7 @@ export const IOCIdentifier = Object.freeze({
   ProcesserExecutorInterface: 'ProcesserExecutorInterface',
   RouteServiceInterface: 'RouteServiceInterface',
   UserServiceInterface: 'UserServiceInterface',
+  MessageServiceInterface: 'MessageServiceInterface',
   I18nKeyErrorPlugin: 'I18nKeyErrorPlugin',
   FeApiCommonPlugin: 'FeApiCommonPlugin',
   ApiMockPlugin: 'ApiMockPlugin',
@@ -74,6 +76,7 @@ export interface IOCIdentifierMap {
   [IOCIdentifier.ProcesserExecutorInterface]: ProcesserExecutor;
   [IOCIdentifier.RouteServiceInterface]: RouteService;
   [IOCIdentifier.UserServiceInterface]: UserService;
+  [IOCIdentifier.MessageServiceInterface]: MessageService;
   [IOCIdentifier.I18nKeyErrorPlugin]: I18nKeyErrorPlugin;
   [IOCIdentifier.FeApiCommonPlugin]: CorekitBridge.RequestCommonPlugin;
   [IOCIdentifier.ApiMockPlugin]: CorekitBridge.ApiMockPlugin;

package/dist/templates/react-app/config/Identifier/components/component.chatMessage.ts

@@ -0,0 +1,56 @@
+/**
+ * @description Chat send button text
+ * @localZh 发送
+ * @localEn Send
+ */
+export const COMPONENT_CHAT_SEND = 'component_chat:send';
+
+/**
+ * @description Chat stop button text
+ * @localZh 停止
+ * @localEn Stop
+ */
+export const COMPONENT_CHAT_STOP = 'component_chat:stop';
+
+/**
+ * @description Chat loading text
+ * @localZh 加载中...
+ * @localEn Loading...
+ */
+export const COMPONENT_CHAT_LOADING = 'component_chat:loading';
+
+/**
+ * @description Chat input placeholder
+ * @localZh 输入消息... (Ctrl+Enter 发送)
+ * @localEn Type a message... (Ctrl+Enter to send)
+ */
+export const COMPONENT_CHAT_INPUT_PLACEHOLDER =
+  'component_chat:input_placeholder';
+
+/**
+ * @description Chat empty messages
+ * @localZh 暂无对话
+ * @localEn No messages yet
+ */
+export const COMPONENT_CHAT_EMPTY = 'component_chat:empty';
+
+/**
+ * @description Chat start conversation
+ * @localZh 开始对话
+ * @localEn Start a conversation
+ */
+export const COMPONENT_CHAT_START = 'component_chat:start';
+
+/**
+ * @description Chat retry button
+ * @localZh 重试
+ * @localEn Retry
+ */
+export const COMPONENT_CHAT_RETRY = 'component_chat:retry';
+
+/**
+ * @description Chat duration label
+ * @localZh 耗时
+ * @localEn Duration
+ */
+export const COMPONENT_CHAT_DURATION = 'component_chat:duration';

package/dist/templates/react-app/config/Identifier/components/component.messageBaseList.ts

@@ -0,0 +1,103 @@
+/**
+ * @description Message gateway test title
+ * @localZh 消息网关测试
+ * @localEn Message Gateway Test
+ */
+export const COMPONENT_MESSAGE_BASE_LIST_TITLE =
+  'component_message_base_list:title';
+
+/**
+ * @description Message gateway test description
+ * @localZh 发送消息并等待网关响应
+ * @localEn Send messages and wait for gateway response
+ */
+export const COMPONENT_MESSAGE_BASE_LIST_DESCRIPTION =
+  'component_message_base_list:description';
+
+/**
+ * @description No messages yet
+ * @localZh 暂无消息
+ * @localEn No messages yet
+ */
+export const COMPONENT_MESSAGE_BASE_LIST_NO_MESSAGES =
+  'component_message_base_list:no_messages';
+
+/**
+ * @description Send your first message to get started
+ * @localZh 发送第一条消息开始使用
+ * @localEn Send your first message to get started
+ */
+export const COMPONENT_MESSAGE_BASE_LIST_GET_STARTED =
+  'component_message_base_list:get_started';
+
+/**
+ * @description User label
+ * @localZh 你
+ * @localEn You
+ */
+export const COMPONENT_MESSAGE_BASE_LIST_USER =
+  'component_message_base_list:user';
+
+/**
+ * @description Gateway label
+ * @localZh 网关
+ * @localEn Gateway
+ */
+export const COMPONENT_MESSAGE_BASE_LIST_GATEWAY =
+  'component_message_base_list:gateway';
+
+/**
+ * @description Processing status
+ * @localZh 处理中...
+ * @localEn Processing...
+ */
+export const COMPONENT_MESSAGE_BASE_LIST_PROCESSING =
+  'component_message_base_list:processing';
+
+/**
+ * @description Gateway failed label
+ * @localZh 网关（失败）
+ * @localEn Gateway (Failed)
+ */
+export const COMPONENT_MESSAGE_BASE_LIST_GATEWAY_FAILED =
+  'component_message_base_list:gateway_failed';
+
+/**
+ * @description Failed to send message
+ * @localZh 发送消息失败
+ * @localEn Failed to send message
+ */
+export const COMPONENT_MESSAGE_BASE_LIST_SEND_FAILED =
+  'component_message_base_list:send_failed';
+
+/**
+ * @description Gateway response label
+ * @localZh 网关响应
+ * @localEn Gateway Response
+ */
+export const COMPONENT_MESSAGE_BASE_LIST_GATEWAY_RESPONSE =
+  'component_message_base_list:gateway_response';
+
+/**
+ * @description Input placeholder
+ * @localZh 在此输入您的消息...
+ * @localEn Type your message here...
+ */
+export const COMPONENT_MESSAGE_BASE_LIST_INPUT_PLACEHOLDER =
+  'component_message_base_list:input_placeholder';
+
+/**
+ * @description Send button
+ * @localZh 发送
+ * @localEn Send
+ */
+export const COMPONENT_MESSAGE_BASE_LIST_SEND_BUTTON =
+  'component_message_base_list:send_button';
+
+/**
+ * @description Error handling tip
+ * @localZh 提示：尝试发送 "error" 或 "Failed" 来测试错误处理
+ * @localEn Tip: Try sending "error" or "Failed" to test error handling
+ */
+export const COMPONENT_MESSAGE_BASE_LIST_ERROR_TIP =
+  'component_message_base_list:error_tip';

package/dist/templates/react-app/config/Identifier/pages/index.ts

@@ -4,5 +4,6 @@ export * from './page.home';
 export * from './page.identifiter';
 export * from './page.jsonStorage';
 export * from './page.login';
+export * from './page.message';
 export * from './page.register';
 export * from './page.request';

package/dist/templates/react-app/config/Identifier/pages/page.message.ts

@@ -0,0 +1,20 @@
+/**
+ * @description Message page title
+ * @localZh 消息测试
+ * @localEn Message Test
+ */
+export const PAGE_MESSAGE_TITLE = 'page_message:title';
+
+/**
+ * @description Message page description
+ * @localZh 消息网关测试页面
+ * @localEn Message gateway test page
+ */
+export const PAGE_MESSAGE_DESCRIPTION = 'page_message:description';
+
+/**
+ * @description Message page keywords
+ * @localZh 消息, 网关, 测试
+ * @localEn Message, Gateway, Test
+ */
+export const PAGE_MESSAGE_KEYWORDS = 'page_message:keywords';

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

@@ -5,6 +5,7 @@ import { homeI18n } from './i18n/homeI18n';
 import { identifiter18n } from './i18n/identifiter18n';
 import { jsonStorage18n } from './i18n/jsonStorage18n';
 import { login18n } from './i18n/login18n';
+import { messageI18n } from './i18n/messageI18n';
 import { notFound18n, serverError18n } from './i18n/notFoundI18n';
 import { register18n } from './i18n/register18n';
 import { request18n } from './i18n/request18n';
@@ -88,6 +89,17 @@ export const baseRoutes: RouteConfigValue[] = [
           i18nInterface: identifiter18n
         }
       },
+      {
+        path: 'message',
+        element: 'base/MessagePage',
+        meta: {
+          title: identifier.PAGE_MESSAGE_TITLE,
+          description: identifier.PAGE_MESSAGE_DESCRIPTION,
+          icon: 'message',
+          localNamespace: 'common',
+          i18nInterface: messageI18n
+        }
+      },
       {
         path: '*',
         element: 'NoRouteFound',
@@ -249,6 +261,17 @@ export const baseNoLocaleRoutes: RouteConfigValue[] = [
           localNamespace: 'common',
           i18nInterface: identifiter18n
         }
+      },
+      {
+        path: 'message',
+        element: 'base/MessagePage',
+        meta: {
+          title: identifier.PAGE_MESSAGE_TITLE,
+          description: identifier.PAGE_MESSAGE_DESCRIPTION,
+          icon: 'message',
+          localNamespace: 'common',
+          i18nInterface: messageI18n
+        }
       }
     ]
   },