@qlover/create-app 0.6.3 → 0.7.1

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @qlover/create-app
 
+## 0.7.1
+
+### 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.0
+
+### Minor Changes
+
+#### ✨ Features
+
+- **router:** implement locale routing and enhance route configuration ([c6ceec2](https://github.com/qlover/fe-base/commit/c6ceec28f83a6c3638872bb4bbb4d6534b02fca8)) ([#476](https://github.com/qlover/fe-base/pull/476))
+  - Added support for locale-based routing in the application, allowing routes to include language prefixes.
+  - Introduced `baseNoLocaleRoutes` to manage routes without localization, improving flexibility in route handling.
+  - Updated `I18nService` to conditionally cache user language based on locale routing settings.
+  - Enhanced `RouteService` to handle locale routes and added methods for redirection and language validation.
+  - Modified `RegisterCommon` to utilize the appropriate route configuration based on locale settings.
+  - Updated various components and hooks to integrate with the new routing logic, ensuring seamless navigation and language handling.
+
+  These changes aim to improve the user experience by providing localized routes and better language management.
+
+  Co-authored-by: QRJ <renjie.qin@brain.im>
+
 ## 0.6.3
 
 ### Patch Changes

package/dist/configs/node-lib/eslint.config.js

@@ -4,7 +4,7 @@ import prettierConfig from '../../packages/node-lib/.prettierrc.js';
 import prettier from 'eslint-plugin-prettier';
 import tseslint from '@typescript-eslint/eslint-plugin';
 import tsparser from '@typescript-eslint/parser';
-import * as feDev from '@qlover/eslint-plugin-fe-dev';
+import qloverEslint from '@qlover/eslint-plugin';
 
 export default [
   {
@@ -29,7 +29,7 @@ export default [
     plugins: {
       prettier,
       '@typescript-eslint': tseslint,
-      'fe-dev': feDev
+      '@qlover-eslint': qloverEslint
     },
     rules: {
       ...js.configs.recommended.rules,
@@ -44,7 +44,7 @@ export default [
           }
         }
       ],
-      'fe-dev/ts-class-method-return': 'error'
+      '@qlover-eslint/ts-class-method-return': 'error'
     }
   }
 ];

package/dist/configs/react-app/eslint.config.js

@@ -2,7 +2,7 @@ import js from '@eslint/js';
 import globals from 'globals';
 import vitest from 'eslint-plugin-vitest';
 import * as eslintChain from '@qlover/fe-standard/eslint/index.js';
-import * as feDev from '@qlover/eslint-plugin-fe-dev';
+import qloverEslint from '@qlover/eslint-plugin';
 import reactHooks from 'eslint-plugin-react-hooks';
 import reactRefresh from 'eslint-plugin-react-refresh';
 import tseslint from 'typescript-eslint';
@@ -71,10 +71,10 @@ export default tseslint.config([
     plugins: {
       'react-hooks': reactHooks,
       'react-refresh': reactRefresh,
-      'fe-dev': feDev
+      '@qlover-eslint': qloverEslint
     },
     rules: {
-      'fe-dev/ts-class-method-return': 'error',
+      '@qlover-eslint/ts-class-method-return': 'error',
       '@typescript-eslint/explicit-function-return-type': 'off',
       '@typescript-eslint/no-empty-object-type': 'off',
       '@typescript-eslint/no-unused-vars': [

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.6.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.1",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.6.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.1",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/pack-app/eslint.config.js

@@ -7,7 +7,7 @@ import prettierConfig from './.prettierrc.js';
 import prettier from 'eslint-plugin-prettier';
 import tseslint from '@typescript-eslint/eslint-plugin';
 import tsparser from '@typescript-eslint/parser';
-import * as feDev from '@qlover/eslint-plugin-fe-dev';
+import qloverEslint from '@qlover/eslint-plugin';
 import vitestPlugin from 'eslint-plugin-vitest';
 
 const allowedGlobals = {
@@ -43,7 +43,7 @@ export default [
       'react-refresh': reactRefresh,
       prettier,
       '@typescript-eslint': tseslint,
-      'fe-dev': feDev
+      '@qlover-eslint': qloverEslint
     },
     rules: {
       ...js.configs.recommended.rules,
@@ -68,7 +68,7 @@ export default [
         }
       ],
       'react-hooks/exhaustive-deps': 'off',
-      'fe-dev/ts-class-method-return': 'error'
+      '@qlover-eslint/ts-class-method-return': 'error'
     }
   },
   {

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

@@ -38,7 +38,7 @@
     "@eslint/js": "^9.13.0",
     "@nx/js": "20.6.4",
     "@qlover/env-loader": "latest",
-    "@qlover/eslint-plugin-fe-dev": "latest",
+    "@qlover/eslint-plugin": "latest",
     "@qlover/fe-scripts": "latest",
     "@qlover/fe-standard": "latest",
     "@qlover/scripts-context": "latest",

package/dist/templates/react-app/__tests__/__mocks__/I18nService.ts

@@ -0,0 +1,13 @@
+import { vi } from 'vitest';
+import { I18nService } from '@/base/services/I18nService';
+
+export class MockI18nService extends I18nService {
+  constructor() {
+    super('/');
+  }
+
+  t = vi.fn((key: string) => key);
+  changeLanguage = vi.fn();
+  changeLoading = vi.fn();
+  onBefore = vi.fn();
+}

package/dist/templates/react-app/__tests__/__mocks__/MockAppConfit.ts

@@ -0,0 +1,48 @@
+import { EnvConfigInterface } from '@qlover/corekit-bridge';
+import { name, version } from '../../package.json';
+
+export class MockAppConfig implements EnvConfigInterface {
+  appName = name;
+
+  appVersion = version;
+
+  env: string = import.meta.env.MODE;
+
+  userTokenStorageKey = '__fe_user_token__';
+
+  userInfoStorageKey = '__fe_user_info__';
+
+  openAiModels = [
+    'gpt-4o-mini',
+    'gpt-3.5-turbo',
+    'gpt-3.5-turbo-2',
+    'gpt-4',
+    'gpt-4-32k'
+  ];
+
+  openAiBaseUrl = '';
+
+  openAiToken = '';
+
+  openAiTokenPrefix = '';
+
+  openAiRequireToken = true;
+
+  loginUser = '';
+
+  loginPassword = '';
+
+  feApiBaseUrl = '';
+
+  userApiBaseUrl = '';
+
+  aiApiBaseUrl = 'https://api.openai.com/v1';
+
+  aiApiToken = '';
+
+  aiApiTokenPrefix = 'Bearer';
+
+  aiApiRequireToken = true;
+
+  bootHref = '';
+}

package/dist/templates/react-app/__tests__/__mocks__/MockDialogHandler.ts

@@ -0,0 +1,16 @@
+import { InteractionHubInterface } from '@/base/port/InteractionHubInterface';
+import { AntdStaticApiInterface } from '@brain-toolkit/antd-theme-override/react';
+import { vi } from 'vitest';
+
+export class MockDialogHandler
+  implements InteractionHubInterface, AntdStaticApiInterface
+{
+  setMessage = vi.fn();
+  setModal = vi.fn();
+  setNotification = vi.fn();
+  success = vi.fn();
+  error = vi.fn();
+  info = vi.fn();
+  warn = vi.fn();
+  confirm = vi.fn();
+}

package/dist/templates/react-app/__tests__/__mocks__/MockLogger.ts

@@ -0,0 +1,14 @@
+import { LoggerInterface } from '@qlover/logger';
+import { vi } from 'vitest';
+
+export class MockLogger implements LoggerInterface {
+  info = vi.fn();
+  error = vi.fn();
+  debug = vi.fn();
+  warn = vi.fn();
+  trace = vi.fn();
+  log = vi.fn();
+  fatal = vi.fn();
+  addAppender = vi.fn();
+  context = vi.fn();
+}

package/dist/templates/react-app/__tests__/__mocks__/createMockGlobals.ts

@@ -0,0 +1,92 @@
+import { vi } from 'vitest';
+import { MockLogger } from './MockLogger';
+import { MockAppConfig } from './MockAppConfit';
+import { MockDialogHandler } from './MockDialogHandler';
+
+export function createMockGlobals() {
+  const mockLogger = new MockLogger();
+  const mockAppConfig = new MockAppConfig();
+  const mockDialogHandler = new MockDialogHandler();
+
+  // Mock JSON serializer
+  const mockJSON = {
+    serialize: vi.fn((data) => JSON.stringify(data)),
+    deserialize: vi.fn((data) => JSON.parse(data)),
+    stringify: vi.fn((data) => JSON.stringify(data)),
+    parse: vi.fn((data) => JSON.parse(data))
+  };
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const storageOptions: Record<string, any> = {
+    localStorage: {},
+    cookieStorage: {},
+    localStorageEncrypt: {}
+  };
+
+  // Mock localStorage with actual storage simulation
+  const mockLocalStorageData = storageOptions.localStorage ?? {};
+  const mockLocalStorage = {
+    get: vi.fn((key: string) => mockLocalStorageData[key]),
+    set: vi.fn((key: string, value: unknown) => {
+      mockLocalStorageData[key] = value;
+    }),
+    getItem: vi.fn((key: string) => mockLocalStorageData[key]),
+    setItem: vi.fn((key: string, value: unknown) => {
+      mockLocalStorageData[key] = value;
+    }),
+    remove: vi.fn((key: string) => {
+      delete mockLocalStorageData[key];
+    }),
+    removeItem: vi.fn((key: string) => {
+      delete mockLocalStorageData[key];
+    }),
+    clear: vi.fn(() => {
+      Object.keys(mockLocalStorageData).forEach((key) => {
+        delete mockLocalStorageData[key];
+      });
+    }),
+    has: vi.fn((key: string) => key in mockLocalStorageData),
+    keys: vi.fn(() => Object.keys(mockLocalStorageData)),
+    size: vi.fn(() => Object.keys(mockLocalStorageData).length)
+  };
+
+  // Mock localStorageEncrypt (same as localStorage for now)
+  const mockLocalStorageEncrypt = { ...mockLocalStorage };
+
+  // Mock cookieStorage
+  const mockCookieStorageData = storageOptions.cookieStorage ?? {};
+  const mockCookieStorage = {
+    get: vi.fn((key: string) => mockCookieStorageData[key]),
+    set: vi.fn((key: string, value: unknown, _options?: unknown) => {
+      mockCookieStorageData[key] = value;
+    }),
+    getItem: vi.fn((key: string) => mockCookieStorageData[key]),
+    setItem: vi.fn((key: string, value: unknown, _options?: unknown) => {
+      mockCookieStorageData[key] = value;
+    }),
+    remove: vi.fn((key: string) => {
+      delete mockCookieStorageData[key];
+    }),
+    removeItem: vi.fn((key: string) => {
+      delete mockCookieStorageData[key];
+    }),
+    clear: vi.fn(() => {
+      Object.keys(mockCookieStorageData).forEach((key) => {
+        delete mockCookieStorageData[key];
+      });
+    }),
+    has: vi.fn((key: string) => key in mockCookieStorageData),
+    keys: vi.fn(() => Object.keys(mockCookieStorageData)),
+    size: vi.fn(() => Object.keys(mockCookieStorageData).length)
+  };
+
+  return {
+    logger: mockLogger,
+    appConfig: mockAppConfig,
+    dialogHandler: mockDialogHandler,
+    JSON: mockJSON,
+    localStorage: mockLocalStorage,
+    localStorageEncrypt: mockLocalStorageEncrypt,
+    cookieStorage: mockCookieStorage
+  };
+}

package/dist/templates/react-app/__tests__/setup/index.ts

@@ -0,0 +1,51 @@
+import { createMockGlobals } from '../__mocks__/createMockGlobals';
+
+// 设置测试环境
+beforeEach(() => {
+  // 清理DOM
+  document.body.innerHTML = '';
+
+  // 创建root元素（如果不存在）
+  if (!document.getElementById('root')) {
+    const rootElement = document.createElement('div');
+    rootElement.id = 'root';
+    document.body.appendChild(rootElement);
+  }
+});
+
+afterEach(() => {
+  // 清理所有mock
+  vi.clearAllMocks();
+});
+
+// 全局测试配置
+global.ResizeObserver = vi.fn().mockImplementation(() => ({
+  observe: vi.fn(),
+  unobserve: vi.fn(),
+  disconnect: vi.fn()
+}));
+
+// Mock window.matchMedia
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: vi.fn().mockImplementation((query) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: vi.fn(), // deprecated
+    removeListener: vi.fn(), // deprecated
+    addEventListener: vi.fn(),
+    removeEventListener: vi.fn(),
+    dispatchEvent: vi.fn()
+  }))
+});
+
+// Mock IntersectionObserver
+global.IntersectionObserver = vi.fn().mockImplementation(() => ({
+  observe: vi.fn(),
+  unobserve: vi.fn(),
+  disconnect: vi.fn()
+}));
+
+// Mock globals
+vi.mock('@/core/globals', () => createMockGlobals());

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

@@ -0,0 +1,139 @@
+import { render, screen } from '@testing-library/react';
+import App from '@/App';
+import { routerPrefix } from '@config/common';
+
+// Mock the dependencies
+vi.mock('react-router-dom', async () => {
+  const actual = await vi.importActual('react-router-dom');
+  return {
+    ...actual,
+    createBrowserRouter: vi.fn(() => ({
+      routes: [],
+      basename: routerPrefix
+    })),
+    RouterProvider: vi.fn(({ router }) => (
+      <div data-testid="router-provider">
+        <div data-testid="router-basename">{router.basename}</div>
+        <div data-testid="router-routes-count">
+          {router.routes?.length || 0}
+        </div>
+      </div>
+    ))
+  };
+});
+
+vi.mock('@brain-toolkit/antd-theme-override/react', () => ({
+  AntdThemeProvider: vi.fn(({ children, theme }) => (
+    <div data-testid="antd-theme-provider">
+      <div data-testid="theme-key">{theme?.cssVar?.key}</div>
+      <div data-testid="theme-prefix">{theme?.cssVar?.prefix}</div>
+      {children}
+    </div>
+  ))
+}));
+
+vi.mock('@/core/IOC', () => ({
+  IOC: vi.fn((service) => {
+    if (service === 'RouteService') {
+      return {
+        routes: [
+          { path: '/', component: 'HomePage' },
+          { path: '/about', component: 'AboutPage' }
+        ]
+      };
+    }
+    if (service === 'DialogHandler') {
+      return {};
+    }
+    return {};
+  })
+}));
+
+vi.mock('@/uikit/hooks/useStore', () => ({
+  useStore: vi.fn((service, selector) => {
+    if (service && selector) {
+      return [
+        { path: '/', component: 'HomePage' },
+        { path: '/about', component: 'AboutPage' }
+      ];
+    }
+    return [];
+  })
+}));
+
+vi.mock('@/base/cases/RouterLoader', () => ({
+  RouterLoader: vi.fn().mockImplementation(() => ({
+    toRoute: vi.fn((route) => ({
+      path: route.path,
+      element: <div data-testid={`route-${route.path}`}>{route.component}</div>
+    }))
+  }))
+}));
+
+// Mock the CSS import
+vi.mock('@/styles/css/index.css', () => ({}));
+
+describe('App Component', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('should render without crashing', () => {
+    render(<App />);
+
+    // Check if the main app structure is rendered
+    expect(screen.getByTestId('antd-theme-provider')).toBeDefined();
+    expect(screen.getByTestId('router-provider')).toBeDefined();
+  });
+
+  it('should configure theme provider correctly', () => {
+    render(<App />);
+
+    // Check theme configuration
+    expect(screen.getByTestId('theme-key').textContent).toBe('fe-theme');
+    expect(screen.getByTestId('theme-prefix').textContent).toBe('fe');
+  });
+
+  it('should configure router with correct basename', () => {
+    render(<App />);
+
+    // Check router configuration
+    expect(screen.getByTestId('router-basename')).toBeDefined();
+    expect(screen.getByTestId('router-basename').textContent).toBe(
+      routerPrefix
+    );
+  });
+
+  it('should render router provider with routes', () => {
+    render(<App />);
+
+    // Check that router provider is rendered
+    expect(screen.getByTestId('router-provider')).toBeDefined();
+    expect(screen.getByTestId('router-routes-count')).toBeDefined();
+  });
+
+  it('should have proper component structure', () => {
+    const { container } = render(<App />);
+
+    // Check the overall structure
+    expect(container.firstChild).toBeDefined();
+
+    // Check that theme provider wraps router provider
+    const themeProvider = screen.getByTestId('antd-theme-provider');
+    const routerProvider = screen.getByTestId('router-provider');
+
+    expect(themeProvider.contains(routerProvider)).toBe(true);
+  });
+
+  it('should handle empty routes gracefully', async () => {
+    // Mock useStore to return empty routes
+    const { useStore } = await import('@/uikit/hooks/useStore');
+    vi.mocked(useStore).mockReturnValueOnce([]);
+
+    render(<App />);
+
+    // Should still render without crashing
+    expect(screen.getByTestId('antd-theme-provider')).toBeDefined();
+    expect(screen.getByTestId('router-provider')).toBeDefined();
+  });
+});