moyan-mfw-cli 0.1.0 → 0.1.2

package/README.md

@@ -57,6 +57,12 @@ extension-my-ext/
 └── package.json
 ```
 
+**非交互模式**（跳过所有提示，使用默认值）：
+
+```bash
+mfw create extension my-ext -y
+```
+
 **后续步骤**：
 
 ```bash
@@ -82,6 +88,12 @@ mfw create business my-shop
 | 后端端口 | `3000` | NestJS 服务端口 |
 | 前端端口 | `5173` | Vite 开发服务器端口 |
 
+**非交互模式**（跳过所有提示，使用默认值）：
+
+```bash
+mfw create business my-shop -y
+```
+
 **生成目录结构**：
 
 ```
@@ -120,67 +132,6 @@ pnpm --filter my-shop-backend dev    # 启动后端
 pnpm --filter my-shop-frontend dev   # 启动前端
 ```
 
-## 模板说明
-
-### Handlebars 模板变量
-
-| 变量 | 示例值 | 说明 |
-|------|--------|------|
-| `{{name}}` | `my-ext` | kebab-case 项目名 |
-| `{{displayName}}` | `MyExt` | 显示名称 |
-| `{{description}}` | 用户输入 | 项目描述 |
-| `{{className}}` | `MyExt` | PascalCase 类名 |
-| `{{version}}` | `0.1.0` | 初始版本 |
-| `{{year}}` | `2026` | 当前年份 |
-
-### 自定义 Helpers
-
-| Helper | 输入 | 输出 | 说明 |
-|--------|------|------|------|
-| `pascalCase` | `my-ext` | `MyExt` | 转 PascalCase |
-| `pascalCaseUpper` | `my-ext` | `MYEXT` | 转大写 PascalCase |
-| `camelCase` | `my-ext` | `myExt` | 转 camelCase |
-| `snakeCase` | `my-ext` | `my_ext` | 转 snake_case |
-
-### 模板变量示例
-
-```hbs
-<!-- 权限常量声明 -->
-export const {{pascalCaseUpper name}}_PERMISSION_VALUES = [...]
-
-<!-- 数据库名 -->
-DB_NAME={{snakeCase name}}
-
-<!-- 包名引用 -->
-"moyan-mfw-extension-{{name}}": "workspace:*"
-```
-
-## 开发
-
-```bash
-# 克隆仓库后进入 CLI 目录
-cd packages/cli
-
-# 安装依赖
-pnpm install
-
-# 开发模式（watch）
-pnpm dev
-
-# 构建
-pnpm build
-
-# 类型检查
-pnpm typecheck
-```
-
-### 添加新模板
-
-1. 在 `src/templates/` 下创建新目录
-2. 编写 `.hbs` 模板文件
-3. 在 `src/commands/` 添加对应命令
-4. 在 `src/utils/template.ts` 注册 helpers（如需）
-
 ## 已知修复
 
 | 版本 | 修复内容 |

package/dist/index.cjs

@@ -32,8 +32,6 @@ var import_commander = require("commander");
 var import_inquirer = __toESM(require("inquirer"), 1);
 var import_chalk = __toESM(require("chalk"), 1);
 var path3 = __toESM(require("path"), 1);
-var import_node_path = require("path");
-var import_node_url = require("url");
 var fs3 = __toESM(require("fs/promises"), 1);
 
 // src/utils/fs.ts
@@ -58,7 +56,10 @@ async function exists(filePath) {
 // src/utils/template.ts
 var import_handlebars = __toESM(require("handlebars"), 1);
 var fs2 = __toESM(require("fs/promises"), 1);
+var fsSync = __toESM(require("fs"), 1);
 var path2 = __toESM(require("path"), 1);
+var import_node_url = require("url");
+var import_meta = {};
 import_handlebars.default.registerHelper(
   "pascalCase",
   (str) => str.replace(/(^\w|-\w)/g, (c) => c.slice(-1).toUpperCase())
@@ -72,6 +73,14 @@ import_handlebars.default.registerHelper("pascalCaseUpper", (str) => {
   return pascal.toUpperCase();
 });
 import_handlebars.default.registerHelper("snakeCase", (str) => str.replace(/-/g, "_"));
+function getTemplateDir(type) {
+  const currentDir = path2.dirname((0, import_node_url.fileURLToPath)(import_meta.url));
+  const distTemplate = path2.resolve(currentDir, `templates/${type}`);
+  const srcTemplate = path2.resolve(currentDir, `../templates/${type}`);
+  if (fsSync.existsSync(distTemplate)) return distTemplate;
+  if (fsSync.existsSync(srcTemplate)) return srcTemplate;
+  return distTemplate;
+}
 function getParser(filePath) {
   const ext = path2.extname(filePath);
   const map = {
@@ -148,10 +157,17 @@ async function getAllFiles(dir) {
 }
 
 // src/commands/create.ts
-var import_meta = {};
-var __filename = (0, import_node_url.fileURLToPath)(import_meta.url);
-var __dirname = (0, import_node_path.dirname)(__filename);
-var createCommand = new import_commander.Command("extension").description("Create a new MFW extension package").argument("<name>", 'Extension name in kebab-case (e.g., "ad", "blog")').option("-t, --template <name>", "Template to use", "default").option("-d, --dir <path>", "Output directory", "packages/extensions").option("-f, --force", "Force overwrite existing directory", false).action(async (name, opts) => {
+function defaultExtensionAnswers(name, className) {
+  return {
+    displayName: className,
+    description: "",
+    routePrefix: `/ext/${name}`,
+    hasBackend: true,
+    hasFrontend: true,
+    hasShared: true
+  };
+}
+var createCommand = new import_commander.Command("extension").description("Create a new MFW extension package").argument("<name>", 'Extension name in kebab-case (e.g., "ad", "blog")').option("-t, --template <name>", "Template to use", "default").option("-d, --dir <path>", "Output directory", "packages/extensions").option("-f, --force", "Force overwrite existing directory", false).option("-y, --yes", "Skip prompts and use default values", false).action(async (name, opts) => {
   if (!/^[a-z][a-z0-9-]*$/.test(name)) {
     console.error(import_chalk.default.red(`Invalid name "${name}". Must be kebab-case.`));
     process.exit(1);
@@ -165,7 +181,7 @@ Use --force to overwrite.`));
       process.exit(1);
     }
   }
-  const answers = await import_inquirer.default.prompt([
+  const answers = opts.yes ? defaultExtensionAnswers(name, className) : await import_inquirer.default.prompt([
     { name: "displayName", message: "\u663E\u793A\u540D\u79F0:", default: className },
     { name: "description", message: "\u63CF\u8FF0:", default: "" },
     { name: "routePrefix", message: "\u8DEF\u7531\u524D\u7F00:", default: `/ext/${name}` },
@@ -191,7 +207,7 @@ Use --force to overwrite.`));
     version: "0.1.0",
     year: (/* @__PURE__ */ new Date()).getFullYear()
   };
-  const templateDir = path3.resolve(__dirname, "../templates/extension");
+  const templateDir = getTemplateDir("extension");
   console.log(import_chalk.default.blue(`
 \u{1F528} Generating extension "${name}" at ${targetDir}...`));
   await renderTemplateToDir(templateDir, targetDir, vars);
@@ -221,12 +237,15 @@ var import_commander2 = require("commander");
 var import_inquirer2 = __toESM(require("inquirer"), 1);
 var import_chalk2 = __toESM(require("chalk"), 1);
 var path4 = __toESM(require("path"), 1);
-var import_node_path2 = require("path");
-var import_node_url2 = require("url");
-var import_meta2 = {};
-var __filename2 = (0, import_node_url2.fileURLToPath)(import_meta2.url);
-var __dirname2 = (0, import_node_path2.dirname)(__filename2);
-var createBusinessCommand = new import_commander2.Command("business").description("Create a new business project (backend + frontend + shared)").argument("<name>", 'Project name in kebab-case (e.g., "my-shop")').option("-d, --dir <path>", "Output directory", ".").option("-f, --force", "Force overwrite existing directory", false).action(async (name, opts) => {
+function defaultBusinessAnswers(className) {
+  return {
+    displayName: className,
+    description: `${className} \u4E1A\u52A1\u9879\u76EE`,
+    port: "3000",
+    frontendPort: "5173"
+  };
+}
+var createBusinessCommand = new import_commander2.Command("business").description("Create a new business project (backend + frontend + shared)").argument("<name>", 'Project name in kebab-case (e.g., "my-shop")').option("-d, --dir <path>", "Output directory", ".").option("-f, --force", "Force overwrite existing directory", false).option("-y, --yes", "Skip prompts and use default values", false).action(async (name, opts) => {
   if (!/^[a-z][a-z0-9-]*$/.test(name)) {
     console.error(import_chalk2.default.red(`Invalid name "${name}". Must be kebab-case (e.g., "my-shop").`));
     process.exit(1);
@@ -240,7 +259,7 @@ Use --force to overwrite.`));
       process.exit(1);
     }
   }
-  const answers = await import_inquirer2.default.prompt([
+  const answers = opts.yes ? defaultBusinessAnswers(className) : await import_inquirer2.default.prompt([
     {
       name: "displayName",
       message: "\u663E\u793A\u540D\u79F0:",
@@ -280,7 +299,7 @@ Use --force to overwrite.`));
     version: "0.1.0",
     year: (/* @__PURE__ */ new Date()).getFullYear()
   };
-  const templateDir = path4.resolve(__dirname2, "../templates/business");
+  const templateDir = getTemplateDir("business");
   console.log(import_chalk2.default.blue(`
 \u{1F528} Generating business project "${name}" at ${targetDir}...`));
   await renderTemplateToDir(templateDir, targetDir, vars);

package/dist/index.js

@@ -9,8 +9,6 @@ import { Command } from "commander";
 import inquirer from "inquirer";
 import chalk from "chalk";
 import * as path3 from "path";
-import { dirname as dirname2 } from "path";
-import { fileURLToPath } from "url";
 import * as fs3 from "fs/promises";
 
 // src/utils/fs.ts
@@ -35,7 +33,9 @@ async function exists(filePath) {
 // src/utils/template.ts
 import Handlebars from "handlebars";
 import * as fs2 from "fs/promises";
+import * as fsSync from "fs";
 import * as path2 from "path";
+import { fileURLToPath } from "url";
 Handlebars.registerHelper(
   "pascalCase",
   (str) => str.replace(/(^\w|-\w)/g, (c) => c.slice(-1).toUpperCase())
@@ -49,6 +49,14 @@ Handlebars.registerHelper("pascalCaseUpper", (str) => {
   return pascal.toUpperCase();
 });
 Handlebars.registerHelper("snakeCase", (str) => str.replace(/-/g, "_"));
+function getTemplateDir(type) {
+  const currentDir = path2.dirname(fileURLToPath(import.meta.url));
+  const distTemplate = path2.resolve(currentDir, `templates/${type}`);
+  const srcTemplate = path2.resolve(currentDir, `../templates/${type}`);
+  if (fsSync.existsSync(distTemplate)) return distTemplate;
+  if (fsSync.existsSync(srcTemplate)) return srcTemplate;
+  return distTemplate;
+}
 function getParser(filePath) {
   const ext = path2.extname(filePath);
   const map = {
@@ -125,9 +133,17 @@ async function getAllFiles(dir) {
 }
 
 // src/commands/create.ts
-var __filename = fileURLToPath(import.meta.url);
-var __dirname = dirname2(__filename);
-var createCommand = new Command("extension").description("Create a new MFW extension package").argument("<name>", 'Extension name in kebab-case (e.g., "ad", "blog")').option("-t, --template <name>", "Template to use", "default").option("-d, --dir <path>", "Output directory", "packages/extensions").option("-f, --force", "Force overwrite existing directory", false).action(async (name, opts) => {
+function defaultExtensionAnswers(name, className) {
+  return {
+    displayName: className,
+    description: "",
+    routePrefix: `/ext/${name}`,
+    hasBackend: true,
+    hasFrontend: true,
+    hasShared: true
+  };
+}
+var createCommand = new Command("extension").description("Create a new MFW extension package").argument("<name>", 'Extension name in kebab-case (e.g., "ad", "blog")').option("-t, --template <name>", "Template to use", "default").option("-d, --dir <path>", "Output directory", "packages/extensions").option("-f, --force", "Force overwrite existing directory", false).option("-y, --yes", "Skip prompts and use default values", false).action(async (name, opts) => {
   if (!/^[a-z][a-z0-9-]*$/.test(name)) {
     console.error(chalk.red(`Invalid name "${name}". Must be kebab-case.`));
     process.exit(1);
@@ -141,7 +157,7 @@ Use --force to overwrite.`));
       process.exit(1);
     }
   }
-  const answers = await inquirer.prompt([
+  const answers = opts.yes ? defaultExtensionAnswers(name, className) : await inquirer.prompt([
     { name: "displayName", message: "\u663E\u793A\u540D\u79F0:", default: className },
     { name: "description", message: "\u63CF\u8FF0:", default: "" },
     { name: "routePrefix", message: "\u8DEF\u7531\u524D\u7F00:", default: `/ext/${name}` },
@@ -167,7 +183,7 @@ Use --force to overwrite.`));
     version: "0.1.0",
     year: (/* @__PURE__ */ new Date()).getFullYear()
   };
-  const templateDir = path3.resolve(__dirname, "../templates/extension");
+  const templateDir = getTemplateDir("extension");
   console.log(chalk.blue(`
 \u{1F528} Generating extension "${name}" at ${targetDir}...`));
   await renderTemplateToDir(templateDir, targetDir, vars);
@@ -197,11 +213,15 @@ import { Command as Command2 } from "commander";
 import inquirer2 from "inquirer";
 import chalk2 from "chalk";
 import * as path4 from "path";
-import { dirname as dirname3 } from "path";
-import { fileURLToPath as fileURLToPath2 } from "url";
-var __filename2 = fileURLToPath2(import.meta.url);
-var __dirname2 = dirname3(__filename2);
-var createBusinessCommand = new Command2("business").description("Create a new business project (backend + frontend + shared)").argument("<name>", 'Project name in kebab-case (e.g., "my-shop")').option("-d, --dir <path>", "Output directory", ".").option("-f, --force", "Force overwrite existing directory", false).action(async (name, opts) => {
+function defaultBusinessAnswers(className) {
+  return {
+    displayName: className,
+    description: `${className} \u4E1A\u52A1\u9879\u76EE`,
+    port: "3000",
+    frontendPort: "5173"
+  };
+}
+var createBusinessCommand = new Command2("business").description("Create a new business project (backend + frontend + shared)").argument("<name>", 'Project name in kebab-case (e.g., "my-shop")').option("-d, --dir <path>", "Output directory", ".").option("-f, --force", "Force overwrite existing directory", false).option("-y, --yes", "Skip prompts and use default values", false).action(async (name, opts) => {
   if (!/^[a-z][a-z0-9-]*$/.test(name)) {
     console.error(chalk2.red(`Invalid name "${name}". Must be kebab-case (e.g., "my-shop").`));
     process.exit(1);
@@ -215,7 +235,7 @@ Use --force to overwrite.`));
       process.exit(1);
     }
   }
-  const answers = await inquirer2.prompt([
+  const answers = opts.yes ? defaultBusinessAnswers(className) : await inquirer2.prompt([
     {
       name: "displayName",
       message: "\u663E\u793A\u540D\u79F0:",
@@ -255,7 +275,7 @@ Use --force to overwrite.`));
     version: "0.1.0",
     year: (/* @__PURE__ */ new Date()).getFullYear()
   };
-  const templateDir = path4.resolve(__dirname2, "../templates/business");
+  const templateDir = getTemplateDir("business");
   console.log(chalk2.blue(`
 \u{1F528} Generating business project "${name}" at ${targetDir}...`));
   await renderTemplateToDir(templateDir, targetDir, vars);

package/dist/templates/business/backend/.env.hbs

@@ -0,0 +1,17 @@
+# 数据库配置
+DB_TYPE=mysql
+DB_HOST=localhost
+DB_PORT=3306
+DB_USERNAME=root
+DB_PASSWORD=root
+DB_NAME={{snakeCase name}}
+
+# JWT 配置
+JWT_SECRET=your-jwt-secret-change-in-production
+JWT_EXPIRES_IN=7d
+
+# 服务端口
+PORT={{port}}
+
+# 运行环境
+NODE_ENV=development

package/dist/templates/business/backend/nest-cli.json.hbs

@@ -0,0 +1,10 @@
+{
+  "$schema": "https://json.schemastore.org/nest-cli",
+  "collection": "@nestjs/schematics",
+  "sourceRoot": "src",
+  "compilerOptions": {
+    "deleteOutDir": true,
+    "webpack": false,
+    "tsConfigPath": "tsconfig.json"
+  }
+}

package/dist/templates/business/backend/package.json.hbs

@@ -0,0 +1,37 @@
+{
+  "name": "{{name}}-backend",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "prebuild": "pnpm --filter {{name}}-shared build",
+    "dev": "pnpm run prebuild && nest start --watch",
+    "build": "nest build",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "start": "node dist/main",
+    "start:prod": "node dist/main"
+  },
+  "dependencies": {
+    "@nestjs/common": "catalog:",
+    "@nestjs/core": "catalog:",
+    "@nestjs/platform-express": "catalog:",
+    "@nestjs/typeorm": "catalog:",
+    "@nestjs/swagger": "catalog:",
+    "typeorm": "catalog:",
+    "class-transformer": "catalog:",
+    "class-validator": "catalog:",
+    "reflect-metadata": "catalog:",
+    "rxjs": "catalog:",
+    "mysql2": "catalog:",
+    "dotenv": "catalog:",
+    "moyan-mfw-base": "^1.0.0",
+    "moyan-mfw-extension-ad": "^0.1.0",
+    "{{name}}-shared": "workspace:*"
+  },
+  "devDependencies": {
+    "@nestjs/cli": "catalog:",
+    "@nestjs/schematics": "catalog:",
+    "typescript": "catalog:",
+    "ts-node": "catalog:",
+    "tsconfig-paths": "catalog:"
+  }
+}

package/dist/templates/business/backend/src/app-types.config.ts.hbs

@@ -0,0 +1,3 @@
+import { AppTypeConfig } from 'moyan-mfw-base/backend'
+
+export const appTypesConfig: AppTypeConfig[] = []

package/dist/templates/business/backend/src/app.modules.ts.hbs

@@ -0,0 +1,7 @@
+import { Module } from '@nestjs/common'
+import { AdModule } from 'moyan-mfw-extension-ad/backend'
+
+@Module({
+  imports: [AdModule],
+})
+export class AppModule {}

package/dist/templates/business/backend/src/main.ts.hbs

@@ -0,0 +1,46 @@
+import 'dotenv/config'
+import { createBaseBackendApp, SwaggerGroupConfig } from 'moyan-mfw-base/backend'
+import { appTypesConfig } from './app-types.config'
+import { AppModule } from './app.modules'
+import { AdModule, AD_EXTENSION_PERMISSION_VALUES } from 'moyan-mfw-extension-ad/backend'
+
+const swaggerGroups: SwaggerGroupConfig[] = [
+  {
+    name: 'ad-extension',
+    title: '广告管理API文档',
+    description: '广告位类型、广告位、广告内容管理 API',
+    include: [AdModule],
+  },
+]
+
+async function bootstrap() {
+  const startTime = Date.now()
+  console.log('[{{displayName}}] ====== Bootstrap Start ======')
+
+  try {
+    const app = await createBaseBackendApp({
+      name: '{{displayName}}',
+      appTypes: appTypesConfig,
+      syncAppTypes: true,
+      modules: [AppModule],
+      swagger: swaggerGroups,
+      permissionValues: [...AD_EXTENSION_PERMISSION_VALUES],
+      hooks: {
+        onAppInit: async (ctx) => {
+          console.log('[{{displayName}}] 应用初始化完成')
+        },
+      },
+    })
+
+    const port = Number(process.env.PORT) || {{port}}
+    await app.listen(port)
+    const elapsed = ((Date.now() - startTime) / 1000).toFixed(2)
+    console.log(`\n[{{displayName}}] ✅ Server listening on http://localhost:${port} (${elapsed}s)`)
+    console.log(`[{{displayName}}] 📖 Swagger: http://localhost:${port}/api-docs/sys`)
+  } catch (error) {
+    console.error('\n[{{displayName}}] ❌ Bootstrap failed:', error)
+    process.exit(1)
+  }
+}
+
+bootstrap()

package/dist/templates/business/backend/src/permissions.ts.hbs

@@ -0,0 +1,4 @@
+import { createBusinessPermissionDecorator } from 'moyan-mfw-base/backend'
+import { {{pascalCaseUpper name}}_PERMISSION_VALUES } from '{{name}}-shared'
+
+export const Permission = createBusinessPermissionDecorator({{pascalCaseUpper name}}_PERMISSION_VALUES)

package/dist/templates/business/backend/tsconfig.json.hbs

@@ -0,0 +1,18 @@
+{
+  "extends": "../tsconfig.base.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "strictPropertyInitialization": false,
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "declaration": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["node_modules", "dist"]
+}

package/dist/templates/business/frontend/index.html.hbs

@@ -0,0 +1,35 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{displayName}}</title>
+    <style>
+      * { margin: 0; padding: 0; box-sizing: border-box; }
+      #loading-placeholder {
+        position: fixed; top: 0; left: 0; width: 100%; height: 100%;
+        display: flex; flex-direction: column; align-items: center; justify-content: center;
+        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #ffffff 100%);
+        z-index: 9999; transition: opacity 0.4s ease;
+      }
+      #loading-placeholder.hidden { opacity: 0; pointer-events: none; }
+      .loader {
+        width: 48px; height: 48px;
+        border: 4px solid #e5e7eb;
+        border-top-color: #3b82f6;
+        border-radius: 50%;
+        animation: spin 0.8s linear infinite;
+      }
+      @keyframes spin { to { transform: rotate(360deg); } }
+      .loading-text { margin-top: 16px; font-family: system-ui, sans-serif; font-size: 14px; color: #6b7280; }
+    </style>
+  </head>
+  <body>
+    <div id="app"></div>
+    <div id="loading-placeholder">
+      <div class="loader"></div>
+      <div class="loading-text">正在加载...</div>
+    </div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/dist/templates/business/frontend/package.json.hbs

@@ -0,0 +1,32 @@
+{
+  "name": "{{name}}-frontend",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite --config vite.config.ts",
+    "build": "vue-tsc --noEmit -p tsconfig.json && vite build --config vite.config.ts",
+    "typecheck:vue": "vue-tsc --noEmit -p tsconfig.json",
+    "typecheck": "vue-tsc --noEmit -p tsconfig.json"
+  },
+  "dependencies": {
+    "vue": "catalog:",
+    "vue-router": "catalog:",
+    "element-plus": "catalog:",
+    "@element-plus/icons-vue": "catalog:",
+    "pinia": "catalog:",
+    "@vueuse/core": "catalog:",
+    "axios": "catalog:",
+    "moyan-mfw-base": "^1.0.0",
+    "moyan-mfw-extension-ad": "^0.1.0",
+    "{{name}}-shared": "workspace:*"
+  },
+  "devDependencies": {
+    "vite": "catalog:",
+    "@vitejs/plugin-vue": "catalog:",
+    "@vitejs/plugin-vue-jsx": "catalog:",
+    "vue-tsc": "catalog:",
+    "sass": "catalog:",
+    "typescript": "catalog:"
+  }
+}

package/dist/templates/business/frontend/src/main.ts.hbs

@@ -0,0 +1,28 @@
+import { createBaseAdminApp, registerPermissionValues } from 'moyan-mfw-base/frontend'
+import { businessRoutes } from './router'
+import { adRoutes } from 'moyan-mfw-extension-ad/frontend'
+import { AD_EXTENSION_PERMISSION_VALUES } from 'moyan-mfw-extension-ad/shared'
+import './permissions'
+
+registerPermissionValues([...AD_EXTENSION_PERMISSION_VALUES])
+
+const admin = createBaseAdminApp({
+  title: '{{displayName}}',
+  routes: [...businessRoutes, ...adRoutes],
+  layout: {
+    layoutMode: 'dual',
+    showTabs: true,
+    colorMode: 'system',
+    themePackage: 'default',
+  },
+  navigation: {
+    brandName: '{{displayName}}',
+    brandTagline: '{{description}}',
+    homePath: '/dashboard',
+  },
+})
+
+const values = await admin.fetchPermissionValues()
+admin.initPermissionCache(values)
+
+await admin.mount('#app')

package/dist/templates/business/frontend/src/permissions.ts.hbs

@@ -0,0 +1,4 @@
+import { createBusinessPageConfigFn } from 'moyan-mfw-base/frontend'
+import { {{pascalCaseUpper name}}_PERMISSION_VALUES } from '{{name}}-shared'
+
+export const defineBusinessPageConfig = createBusinessPageConfigFn({{pascalCaseUpper name}}_PERMISSION_VALUES)

package/dist/templates/business/frontend/src/router.ts.hbs

@@ -0,0 +1,9 @@
+import type { RouteRecordRaw } from 'vue-router'
+import { buildRoutesFromConfigs } from 'moyan-mfw-base/frontend'
+
+const allConfigs = import.meta.glob('./views/**/index.{ts,tsx}', {
+  eager: true,
+  import: 'default',
+}) as Record<string, unknown>
+
+export const businessRoutes: RouteRecordRaw[] = buildRoutesFromConfigs(allConfigs, { minSegments: 1 })