@widget-js/cli 24.1.1-beta.3 → 24.1.1-beta.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@widget-js/cli",
   "type": "module",
-  "version": "24.1.1-beta.3",
+  "version": "24.1.1-beta.5",
   "private": false,
   "author": "Neo Fu",
   "license": "MIT",
@@ -17,7 +17,6 @@
   },
   "dependencies": {
     "@types/archiver": "^5.3.1",
-    "@types/gradient-string": "^1.1.2",
     "@vue/cli-shared-utils": "^5.0.8",
     "@widget-js/ssh-config": "^4.2.1",
     "@widget-js/vue3": "^0.11.20",
@@ -37,10 +36,11 @@
     "prettier": "^3.1.1",
     "semver": "^7.5.2",
     "shelljs": "^0.8.5",
+    "gradient-string": "^2.0.2",
     "ssh2-sftp-client": "^9.1.0",
     "ws": "^8.11.0",
-    "@widget-js/core": "24.1.1-beta.3",
-    "@widget-js/utils": "24.1.1-beta.3"
+    "@widget-js/core": "24.1.1-beta.4",
+    "@widget-js/utils": "24.1.1-beta.4"
   },
   "devDependencies": {
     "@types/ali-oss": "^6.16.7",
@@ -51,10 +51,10 @@
     "@types/minimist": "^1.2.5",
     "@types/node": "^18.11.13",
     "@types/semver": "^7.5.0",
+    "@types/gradient-string": "^1.1.2",
     "@types/shelljs": "latest",
     "@types/ssh2-sftp-client": "^9.0.1",
     "@widget-js/vite-plugin-widget": "^1.2.8",
-    "gradient-string": "^2.0.2",
     "jest": "^29.5.0",
     "pinst": "^3.0.0",
     "rimraf": "^4.4.1",
@@ -67,8 +67,8 @@
     "vue-router": "^4.2.5",
     "webpack": "^5.75.0",
     "webpack-cli": "^5.0.0",
-    "@widget-js/vue3": "^0.11.20",
-    "@widget-js/core": "24.1.1-beta.3"
+    "@widget-js/core": "24.1.1-beta.4",
+    "@widget-js/vue3": "^0.11.20"
   },
   "scripts": {
     "build": "rimraf ./lib/ && tsup-node src/index.ts --format esm",

package/src/createWidget.ts

@@ -1,232 +1,232 @@
-import path from 'node:path'
-import fs from 'node:fs'
-import { fileURLToPath } from 'node:url'
-import consola from 'consola'
-import { paramCase, snakeCase } from 'change-case'
-import inquirer from 'inquirer'
-import shell from 'shelljs'
-import chalk from 'chalk'
-import { scanWidgetPackage } from '@widget-js/utils'
-import exit from './utils.js'
-import promptChecker from './promts/promptChecker'
-import { EJSUtils } from './utils/EJSUtils'
-import { WidgetPackageUtils } from './utils/WidgetPackageUtils'
-
-// import vm from "vm";
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = path.dirname(__filename)
-
-interface RenderOptions {
-  name: string
-  snakeCaseName: string
-  paramCaseName: string
-  packageName: string
-  widgetName: string
-  title: string
-  configurable: string
-  width: number
-  height: number
-  maxWidth: number
-  minHeight: number
-  maxHeight: number
-  minWidth: number
-}
-
-export default async function createWidget() {
-  const widgetPackage = await scanWidgetPackage()
-  if (!widgetPackage) {
-    consola.error('widget.ts or widget.json not found')
-    return
-  }
-  const widgetRootDir = WidgetPackageUtils.getRootDir(widgetPackage)
-  if (widgetPackage.devOptions && widgetPackage.devOptions.folder) {
-    consola.info(`组件路径：${widgetRootDir}`)
-  }
-  else {
-    consola.info(`没有配置devOptions.folder，使用默认路径${widgetRootDir}`)
-  }
-
-  const getMiddleValue = (arr: number[]) => {
-    if (arr.length === 1) {
-      return arr[0]
-    }
-    else if (arr.length === 2) {
-      return Math.max(...arr)
-    }
-    else {
-      const max = Math.max(...arr)
-      const min = Math.min(...arr)
-      const sum = arr[0] + arr[1] + arr[2]
-      return sum - max - min
-    }
-  }
-
-  const name = await promptChecker(
-    {
-      type: 'input',
-      name: 'name',
-      message: chalk.blue('请输入组件名(大驼峰式)，如：CountdownClock'),
-    },
-    (answer) => {
-      const name = answer.name
-      if (name == null || name === '') {
-        consola.log(chalk.red('组件名不能为空'))
-        return false
-      }
-      return true
-    },
-  )
-
-  consola.log(chalk.green(name))
-
-  const title = await promptChecker({
-    type: 'input',
-    name: 'title',
-    message: chalk.blue('请输入组件标题，如：倒计时'),
-  })
-  consola.log(chalk.green(title))
-  const answerW = await promptChecker(
-    {
-      type: 'checkbox',
-      name: 'w',
-      message: chalk.blue(
-        '请选择组件宽度，最多选3个，例如选中2,4,6，代表组件最小宽为2，默认宽为4，最大宽为6，单选代表不可拉伸',
-      ),
-      choices: [1, 2, 3, 4, 5, 6],
-    },
-    (answer) => {
-      if (answer.w.length === 0) {
-        consola.log(chalk.red('宽度必须选择'))
-        return false
-      }
-
-      if (answer.w.length > 3) {
-        consola.log(chalk.red('宽度最多选择3个'))
-        return false
-      }
-      return true
-    },
-  )
-  consola.log(chalk.green(answerW))
-
-  const answerH = await promptChecker(
-    {
-      type: 'checkbox',
-      name: 'h',
-      message: chalk.blue(
-        '请选择组件高度，最多选3个，例如选中1,2，代表组件最小高为1，默认高为2，最大高为2，单选代表不可拉伸',
-      ),
-      choices: [1, 2, 3, 4, 5, 6],
-    },
-    (answer) => {
-      if (answer.h.length === 0) {
-        consola.log(chalk.red('高度必须选择'))
-        return false
-      }
-
-      if (answer.h.length > 3) {
-        consola.log(chalk.red('高度最多选择3个'))
-        return false
-      }
-      return true
-    },
-  )
-
-  consola.log(chalk.green(answerH))
-
-  const configurable = await promptChecker({
-    type: 'confirm',
-    name: 'configurable',
-    message: chalk.blue('组件是否可配置，例如修改背景颜色，字体大小等'),
-  })
-
-  consola.log(chalk.green(configurable))
-
-  const width = getMiddleValue(answerW)
-  const height = getMiddleValue(answerH)
-  const minWidth = Math.min(...answerW)
-  const maxWidth = Math.max(...answerW)
-  const minHeight = Math.min(...answerH)
-  const maxHeight = Math.max(...answerH)
-  const snakeCaseName = snakeCase(name)
-  const paramCaseName = paramCase(name)
-
-  const widgetName = `${widgetPackage.name}.${snakeCaseName}`
-
-  const widgetDir = path.join(widgetRootDir, paramCaseName)
-  if (!fs.existsSync(widgetDir)) {
-    fs.mkdirSync(widgetDir)
-  }
-  else {
-    const answer = await inquirer.prompt([
-      {
-        type: 'confirm',
-        name: 'override',
-        message: chalk.red('组件名已存在，是否继续?'),
-      },
-    ])
-    if (!answer.override) {
-      exit()
-    }
-  }
-
-  const renderOptions: RenderOptions = {
-    name,
-    snakeCaseName,
-    paramCaseName,
-    packageName: widgetPackage.name,
-    widgetName,
-    title,
-    configurable,
-    width,
-    height,
-    maxWidth,
-    minHeight,
-    maxHeight,
-    minWidth,
-  }
-
-  const widgetDefineFile = path.resolve(widgetDir, `${name}.widget.ts`)
-  const widgetFile = path.resolve(widgetDir, `${name}Widget.vue`)
-  const widgetViewFile = path.resolve(widgetDir, `${name}WidgetView.vue`)
-  const widgetRoutesFile = path.resolve(widgetDir, `${name}WidgetRoutes.ts`)
-
-  await EJSUtils.renderToFile('WidgetDefine.ejs', widgetDefineFile, 'typescript', renderOptions)
-  // EJSUtils.renderToFile('Widget.ejs', widgetFile, 'vue', renderOptions)
-  await EJSUtils.renderToFile('WidgetView.ejs', widgetViewFile, 'vue', renderOptions)
-  await EJSUtils.renderToFile('WidgetRoutes.ejs', widgetRoutesFile, 'typescript', renderOptions)
-  if (configurable) {
-    const configFile = path.resolve(widgetDir, `${name}ConfigView.vue`)
-    await EJSUtils.renderToFile('WidgetConfig.ejs', configFile, 'vue', renderOptions)
-  }
-  // 注册路由
-  const routeFile = path.join(widgetRootDir, 'widget-router.ts')
-  let routeContent
-  if (fs.existsSync(routeFile)) {
-    routeContent = fs.readFileSync(routeFile, 'utf8')
-  }
-  else {
-    routeContent = fs.readFileSync(path.join(__dirname, '../template/widget-router.ts'), 'utf8')
-  }
-  const importRouteStr = `import ${name}WidgetRoutes from "./${paramCaseName}/${name}WidgetRoutes";`
-  const routeStr = `...${name}WidgetRoutes,`
-  if (!routeContent.includes(importRouteStr)) {
-    routeContent = routeContent.replaceAll(
-      '//FBI WANING! IMPORT PLACE',
-      `${importRouteStr}\n//FBI WANING! IMPORT PLACE`,
-    )
-  }
-  if (!routeContent.includes(routeStr)) {
-    routeContent = routeContent.replaceAll('//FBI WANING! ROUTE PLACE', `${routeStr}\n    //FBI WANING! ROUTE PLACE`)
-  }
-
-  fs.writeFileSync(routeFile, routeContent)
-
-  // 添加到版本控制
-  const gitAdd = `git add ${widgetDir}`
-  consola.info(chalk.grey(gitAdd))
-  shell.exec(gitAdd)
-  consola.log('=================')
-  consola.info(`已创建组件：${widgetDir}`)
-  consola.success('Happy coding!')
-}
+import path from 'node:path'
+import fs from 'node:fs'
+import { fileURLToPath } from 'node:url'
+import consola from 'consola'
+import { paramCase, snakeCase } from 'change-case'
+import inquirer from 'inquirer'
+import shell from 'shelljs'
+import chalk from 'chalk'
+import { scanWidgetPackage } from '@widget-js/utils'
+import exit from './utils.js'
+import promptChecker from './promts/promptChecker'
+import { EJSUtils } from './utils/EJSUtils'
+import { WidgetPackageUtils } from './utils/WidgetPackageUtils'
+
+// import vm from "vm";
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+interface RenderOptions {
+  name: string
+  snakeCaseName: string
+  paramCaseName: string
+  packageName: string
+  widgetName: string
+  title: string
+  configurable: string
+  width: number
+  height: number
+  maxWidth: number
+  minHeight: number
+  maxHeight: number
+  minWidth: number
+}
+
+export default async function createWidget() {
+  const widgetPackage = await scanWidgetPackage()
+  if (!widgetPackage) {
+    consola.error('widget.ts or widget.json not found')
+    return
+  }
+  const widgetRootDir = WidgetPackageUtils.getRootDir(widgetPackage)
+  if (widgetPackage.devOptions && widgetPackage.devOptions.folder) {
+    consola.info(`组件路径：${widgetRootDir}`)
+  }
+  else {
+    consola.info(`没有配置devOptions.folder，使用默认路径${widgetRootDir}`)
+  }
+
+  const getMiddleValue = (arr: number[]) => {
+    if (arr.length === 1) {
+      return arr[0]
+    }
+    else if (arr.length === 2) {
+      return Math.max(...arr)
+    }
+    else {
+      const max = Math.max(...arr)
+      const min = Math.min(...arr)
+      const sum = arr[0] + arr[1] + arr[2]
+      return sum - max - min
+    }
+  }
+
+  const name = await promptChecker(
+    {
+      type: 'input',
+      name: 'name',
+      message: chalk.blue('请输入组件名(大驼峰式)，如：CountdownClock'),
+    },
+    (answer) => {
+      const name = answer.name
+      if (name == null || name === '') {
+        consola.log(chalk.red('组件名不能为空'))
+        return false
+      }
+      return true
+    },
+  )
+
+  consola.log(chalk.green(name))
+
+  const title = await promptChecker({
+    type: 'input',
+    name: 'title',
+    message: chalk.blue('请输入组件标题，如：倒计时'),
+  })
+  consola.log(chalk.green(title))
+  const answerW = await promptChecker(
+    {
+      type: 'checkbox',
+      name: 'w',
+      message: chalk.blue(
+        '请选择组件宽度，最多选3个，例如选中2,4,6，代表组件最小宽为2，默认宽为4，最大宽为6，单选代表不可拉伸',
+      ),
+      choices: [1, 2, 3, 4, 5, 6],
+    },
+    (answer) => {
+      if (answer.w.length === 0) {
+        consola.log(chalk.red('宽度必须选择'))
+        return false
+      }
+
+      if (answer.w.length > 3) {
+        consola.log(chalk.red('宽度最多选择3个'))
+        return false
+      }
+      return true
+    },
+  )
+  consola.log(chalk.green(answerW))
+
+  const answerH = await promptChecker(
+    {
+      type: 'checkbox',
+      name: 'h',
+      message: chalk.blue(
+        '请选择组件高度，最多选3个，例如选中1,2，代表组件最小高为1，默认高为2，最大高为2，单选代表不可拉伸',
+      ),
+      choices: [1, 2, 3, 4, 5, 6],
+    },
+    (answer) => {
+      if (answer.h.length === 0) {
+        consola.log(chalk.red('高度必须选择'))
+        return false
+      }
+
+      if (answer.h.length > 3) {
+        consola.log(chalk.red('高度最多选择3个'))
+        return false
+      }
+      return true
+    },
+  )
+
+  consola.log(chalk.green(answerH))
+
+  const configurable = await promptChecker({
+    type: 'confirm',
+    name: 'configurable',
+    message: chalk.blue('组件是否可配置，例如修改背景颜色，字体大小等'),
+  })
+
+  consola.log(chalk.green(configurable))
+
+  const width = getMiddleValue(answerW)
+  const height = getMiddleValue(answerH)
+  const minWidth = Math.min(...answerW)
+  const maxWidth = Math.max(...answerW)
+  const minHeight = Math.min(...answerH)
+  const maxHeight = Math.max(...answerH)
+  const snakeCaseName = snakeCase(name)
+  const paramCaseName = paramCase(name)
+
+  const widgetName = `${widgetPackage.name}.${snakeCaseName}`
+
+  const widgetDir = path.join(widgetRootDir, paramCaseName)
+  if (!fs.existsSync(widgetDir)) {
+    fs.mkdirSync(widgetDir)
+  }
+  else {
+    const answer = await inquirer.prompt([
+      {
+        type: 'confirm',
+        name: 'override',
+        message: chalk.red('组件名已存在，是否继续?'),
+      },
+    ])
+    if (!answer.override) {
+      exit()
+    }
+  }
+
+  const renderOptions: RenderOptions = {
+    name,
+    snakeCaseName,
+    paramCaseName,
+    packageName: widgetPackage.name,
+    widgetName,
+    title,
+    configurable,
+    width,
+    height,
+    maxWidth,
+    minHeight,
+    maxHeight,
+    minWidth,
+  }
+
+  const widgetDefineFile = path.resolve(widgetDir, `${name}.widget.ts`)
+  const widgetFile = path.resolve(widgetDir, `${name}Widget.vue`)
+  const widgetViewFile = path.resolve(widgetDir, `${name}WidgetView.vue`)
+  const widgetRoutesFile = path.resolve(widgetDir, `${name}WidgetRoutes.ts`)
+
+  await EJSUtils.renderToFile('WidgetDefine.ejs', widgetDefineFile, 'typescript', renderOptions)
+  // EJSUtils.renderToFile('Widget.ejs', widgetFile, 'vue', renderOptions)
+  await EJSUtils.renderToFile('WidgetView.ejs', widgetViewFile, 'vue', renderOptions)
+  await EJSUtils.renderToFile('WidgetRoutes.ejs', widgetRoutesFile, 'typescript', renderOptions)
+  if (configurable) {
+    const configFile = path.resolve(widgetDir, `${name}ConfigView.vue`)
+    await EJSUtils.renderToFile('WidgetConfig.ejs', configFile, 'vue', renderOptions)
+  }
+  // 注册路由
+  const routeFile = path.join(widgetRootDir, 'widget-router.ts')
+  let routeContent
+  if (fs.existsSync(routeFile)) {
+    routeContent = fs.readFileSync(routeFile, 'utf8')
+  }
+  else {
+    routeContent = fs.readFileSync(path.join(__dirname, '../template/widget-router.ts'), 'utf8')
+  }
+  const importRouteStr = `import ${name}WidgetRoutes from "./${paramCaseName}/${name}WidgetRoutes";`
+  const routeStr = `...${name}WidgetRoutes,`
+  if (!routeContent.includes(importRouteStr)) {
+    routeContent = routeContent.replaceAll(
+      '//FBI WANING! IMPORT PLACE',
+      `${importRouteStr}\n//FBI WANING! IMPORT PLACE`,
+    )
+  }
+  if (!routeContent.includes(routeStr)) {
+    routeContent = routeContent.replaceAll('//FBI WANING! ROUTE PLACE', `${routeStr}\n    //FBI WANING! ROUTE PLACE`)
+  }
+
+  fs.writeFileSync(routeFile, routeContent)
+
+  // 添加到版本控制
+  const gitAdd = `git add ${widgetDir}`
+  consola.info(chalk.grey(gitAdd))
+  shell.exec(gitAdd)
+  consola.log('=================')
+  consola.info(`已创建组件：${widgetDir}`)
+  consola.success('Happy coding!')
+}

package/src/dependencies/index.ts

@@ -6,7 +6,7 @@ export default async function (options: any) {
   const type = options.type as DependenciesOptions
   if (type == 'remote') {
     await RemoteDependencies.start()
-  }
+  }
   else {
     await LocalDependencies.start()
   }

package/src/init/init.ts

@@ -1,121 +1,121 @@
-import path from 'node:path'
-import process from 'node:process'
-import fs from 'node:fs'
-import { fileURLToPath } from 'node:url'
-import consola from 'consola'
-import chalk from 'chalk'
-import ora from 'ora'
-import { scanWidgetPackage } from '@widget-js/utils'
-import { Utils } from '../utils'
-import promptChecker from '../promts/promptChecker'
-import { EJSUtils } from '../utils/EJSUtils'
-import { PrettierUtils } from '../utils/PrettierUtils'
-import { WidgetPackageUtils } from '../utils/WidgetPackageUtils'
-
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = path.dirname(__filename)
-const spinner = ora('Loading')
-
-export async function init() {
-  await addDependencies()
-  await addWidgetTs()
-}
-
-async function addWidgetTs() {
-  const name = await promptChecker(
-    {
-      type: 'input',
-      name: 'name',
-      message: chalk.blue('组件包 包名 （示例 cn.widget.countdown）：'),
-    },
-    (answer) => {
-      const name = answer.name
-      if (name == null || name === '') {
-        consola.log(chalk.red(`包名不能为空`))
-        return false
-      }
-      return true
-    },
-  )
-
-  const widgetPackageTs = path.join(process.cwd(), 'widget.package.ts')
-  if (fs.existsSync(widgetPackageTs)) {
-    spinner.info('widget.package.ts已存在，跳过')
-  }
-  else {
-    spinner.info('创建 widget.package.ts')
-    await EJSUtils.renderToFile('WidgetPackage.ejs', widgetPackageTs, 'typescript', { name })
-  }
-
-  await addVitePlugin()
-  await createRouter()
-
-  spinner.succeed('初始化完成，请运行 npm install')
-}
-
-/**
- * 增加widget-js依赖
- */
-async function addDependencies() {
-  const packageJson = Utils.getPackageJson()
-  let dependencies = packageJson.dependencies
-  const devDependencies = packageJson.devDependencies
-  if (!dependencies) {
-    dependencies = {}
-  }
-  if (!devDependencies) {
-    packageJson.devDependencies = {}
-  }
-
-  await addDependency('@widget-js/core', dependencies)
-  await addDependency('@widget-js/vue3', dependencies)
-  await addDependency('@widget-js/vite-plugin-widget', devDependencies)
-
-  packageJson.dependencies = dependencies
-  packageJson.devDependencies = devDependencies
-
-  fs.writeFileSync(Utils.getPackagePath(), JSON.stringify(packageJson, null, 2))
-}
-
-async function addVitePlugin() {
-  spinner.info('添加 vite-plugin-widget 到 vite plugin')
-  const viteConfigPath = path.join(process.cwd(), 'vite.config.ts')
-  if (!fs.existsSync(viteConfigPath)) {
-    spinner.warn('vite.config.ts not exists')
-    return
-  }
-  let viteConfig = fs.readFileSync(viteConfigPath).toString()
-  viteConfig = `import widget from '@widget-js/vite-plugin-widget'\n${viteConfig}`
-  viteConfig = viteConfig.replace('vue()', `vue(),widget()`)
-  fs.writeFileSync(viteConfigPath, await PrettierUtils.format(viteConfig, 'typescript'))
-}
-
-async function createRouter() {
-  const widgetPackage = await scanWidgetPackage()
-  if (widgetPackage) {
-    spinner.info('创建 widget-router.ts')
-    const rootDir = WidgetPackageUtils.getRootDir(widgetPackage)
-    const widgetRouterPath = path.join(rootDir, 'widget-router.ts')
-    const routerContent = fs.readFileSync(path.join(__dirname, '../template/widget-router.ts'), 'utf8')
-    fs.writeFileSync(widgetRouterPath, routerContent)
-
-    const vueRouterPath = path.join(process.cwd(), './src/router/index.ts')
-    spinner.info('修改VueRouter配置')
-    if (fs.existsSync(vueRouterPath)) {
-      let vueRouterContent = fs.readFileSync(vueRouterPath, 'utf8')
-      const importStr = `import WidgetRouter from "../widgets/widget-router";`
-      vueRouterContent = `${importStr}\n${vueRouterContent}`
-      vueRouterContent = vueRouterContent.replace('routes: [', `routes: [\n...WidgetRouter,`)
-      fs.writeFileSync(vueRouterPath, await PrettierUtils.format(vueRouterContent, 'typescript'))
-    }
-  }
-}
-
-async function addDependency(packageName: string, dependencies: any) {
-  spinner.info(`Adding dependencies ${packageName}`)
-  if (dependencies[packageName]) {
-    return
-  }
-  const remoteVersion = await Utils.getRemoteVersion(packageName)
-  dependencies[packageName] = `^${remoteVersion}`
-}
+import path from 'node:path'
+import process from 'node:process'
+import fs from 'node:fs'
+import { fileURLToPath } from 'node:url'
+import consola from 'consola'
+import chalk from 'chalk'
+import ora from 'ora'
+import { scanWidgetPackage } from '@widget-js/utils'
+import { Utils } from '../utils'
+import promptChecker from '../promts/promptChecker'
+import { EJSUtils } from '../utils/EJSUtils'
+import { PrettierUtils } from '../utils/PrettierUtils'
+import { WidgetPackageUtils } from '../utils/WidgetPackageUtils'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+const spinner = ora('Loading')
+
+export async function init() {
+  await addDependencies()
+  await addWidgetTs()
+}
+
+async function addWidgetTs() {
+  const name = await promptChecker(
+    {
+      type: 'input',
+      name: 'name',
+      message: chalk.blue('组件包 包名 （示例 cn.widget.countdown）：'),
+    },
+    (answer) => {
+      const name = answer.name
+      if (name == null || name === '') {
+        consola.log(chalk.red(`包名不能为空`))
+        return false
+      }
+      return true
+    },
+  )
+
+  const widgetPackageTs = path.join(process.cwd(), 'widget.package.ts')
+  if (fs.existsSync(widgetPackageTs)) {
+    spinner.info('widget.package.ts已存在，跳过')
+  }
+  else {
+    spinner.info('创建 widget.package.ts')
+    await EJSUtils.renderToFile('WidgetPackage.ejs', widgetPackageTs, 'typescript', { name })
+  }
+
+  await addVitePlugin()
+  await createRouter()
+
+  spinner.succeed('初始化完成，请运行 npm install')
+}
+
+/**
+ * 增加widget-js依赖
+ */
+async function addDependencies() {
+  const packageJson = Utils.getPackageJson()
+  let dependencies = packageJson.dependencies
+  const devDependencies = packageJson.devDependencies
+  if (!dependencies) {
+    dependencies = {}
+  }
+  if (!devDependencies) {
+    packageJson.devDependencies = {}
+  }
+
+  await addDependency('@widget-js/core', dependencies)
+  await addDependency('@widget-js/vue3', dependencies)
+  await addDependency('@widget-js/vite-plugin-widget', devDependencies)
+
+  packageJson.dependencies = dependencies
+  packageJson.devDependencies = devDependencies
+
+  fs.writeFileSync(Utils.getPackagePath(), JSON.stringify(packageJson, null, 2))
+}
+
+async function addVitePlugin() {
+  spinner.info('添加 vite-plugin-widget 到 vite plugin')
+  const viteConfigPath = path.join(process.cwd(), 'vite.config.ts')
+  if (!fs.existsSync(viteConfigPath)) {
+    spinner.warn('vite.config.ts not exists')
+    return
+  }
+  let viteConfig = fs.readFileSync(viteConfigPath).toString()
+  viteConfig = `import widget from '@widget-js/vite-plugin-widget'\n${viteConfig}`
+  viteConfig = viteConfig.replace('vue()', `vue(),widget()`)
+  fs.writeFileSync(viteConfigPath, await PrettierUtils.format(viteConfig, 'typescript'))
+}
+
+async function createRouter() {
+  const widgetPackage = await scanWidgetPackage()
+  if (widgetPackage) {
+    spinner.info('创建 widget-router.ts')
+    const rootDir = WidgetPackageUtils.getRootDir(widgetPackage)
+    const widgetRouterPath = path.join(rootDir, 'widget-router.ts')
+    const routerContent = fs.readFileSync(path.join(__dirname, '../template/widget-router.ts'), 'utf8')
+    fs.writeFileSync(widgetRouterPath, routerContent)
+
+    const vueRouterPath = path.join(process.cwd(), './src/router/index.ts')
+    spinner.info('修改VueRouter配置')
+    if (fs.existsSync(vueRouterPath)) {
+      let vueRouterContent = fs.readFileSync(vueRouterPath, 'utf8')
+      const importStr = `import WidgetRouter from "../widgets/widget-router";`
+      vueRouterContent = `${importStr}\n${vueRouterContent}`
+      vueRouterContent = vueRouterContent.replace('routes: [', `routes: [\n...WidgetRouter,`)
+      fs.writeFileSync(vueRouterPath, await PrettierUtils.format(vueRouterContent, 'typescript'))
+    }
+  }
+}
+
+async function addDependency(packageName: string, dependencies: any) {
+  spinner.info(`Adding dependencies ${packageName}`)
+  if (dependencies[packageName]) {
+    return
+  }
+  const remoteVersion = await Utils.getRemoteVersion(packageName)
+  dependencies[packageName] = `^${remoteVersion}`
+}

package/src/promts/promptChecker.ts

@@ -1,4 +1,4 @@
-import type { Answers, Question } from 'inquirer'
+import type { Answers, Question } from 'inquirer'
 import inquirer from 'inquirer'
 
 async function promptChecker<T extends Question>(prompt: T, checker?: (answer: any) => boolean): Promise<any> {
@@ -6,7 +6,7 @@ async function promptChecker<T extends Question>(prompt: T, checker?: (answer: a
   if (checker) {
     if (checker(answer)) {
       return answer[prompt.name!]
-    }
+    }
     else {
       return promptChecker(prompt, checker)
     }

package/src/release/ftp.ts

@@ -57,7 +57,7 @@ async function runSSH(sshConfig: Record<string, string | string[]>, releaseConfi
           }
           spinner.info(`Copying File: ${item.src} -> ${item.dest}`)
           await ftpClient.rcopy(item.src, item.dest)
-        }
+        }
         else {
           const localFile = path.resolve(process.cwd(), item.src as string)
           if (!item.remoteCopy && !fs.existsSync(localFile)) {
@@ -78,7 +78,7 @@ async function runSSH(sshConfig: Record<string, string | string[]>, releaseConfi
                 return true
               },
             })
-          }
+          }
           else {
             await checkParentDir(ftpClient, item.dest, (dir) => {
               spinner.succeed(`Create Dir: ${dir}`)
@@ -88,14 +88,14 @@ async function runSSH(sshConfig: Record<string, string | string[]>, releaseConfi
             await ftpClient.put(localFile, item.dest)
           }
         }
-      }
+      }
       else {
         await ftpClient.put(Buffer.from(JSON.stringify(item.src), 'utf-8'), item.dest)
       }
     }
     spinner.succeed('Files uploaded!')
     await ftpClient.end()
-  }
+  }
   catch (e) {
     spinner.fail(`Connection error:${e}`)
     await ftpClient.end()

package/src/utils/EJSUtils.ts

@@ -1,18 +1,18 @@
-import path from 'node:path'
-import fs from 'node:fs'
-import type { Data } from 'ejs'
-import ejs from 'ejs'
-import type { BuiltInParserName } from 'prettier'
-import { dirname } from 'dirname-filename-esm'
-import { PrettierUtils } from './PrettierUtils'
-
-export class EJSUtils {
-  static async renderToFile(templateFile: string, outputFile: string, parser: BuiltInParserName, renderOptions: Data) {
-    const defineTemplatePath = path.join(dirname(import.meta), '../template', templateFile)
-    const defineTemplate = fs.readFileSync(defineTemplatePath, 'utf8')
-    // Format the EJS code using Prettier
-    const code = ejs.render(defineTemplate, renderOptions)
-    const formattedEJSCode = await PrettierUtils.format(code, parser)
-    fs.writeFileSync(outputFile, formattedEJSCode)
-  }
-}
+import path from 'node:path'
+import fs from 'node:fs'
+import type { Data } from 'ejs'
+import ejs from 'ejs'
+import type { BuiltInParserName } from 'prettier'
+import { dirname } from 'dirname-filename-esm'
+import { PrettierUtils } from './PrettierUtils'
+
+export class EJSUtils {
+  static async renderToFile(templateFile: string, outputFile: string, parser: BuiltInParserName, renderOptions: Data) {
+    const defineTemplatePath = path.join(dirname(import.meta), '../template', templateFile)
+    const defineTemplate = fs.readFileSync(defineTemplatePath, 'utf8')
+    // Format the EJS code using Prettier
+    const code = ejs.render(defineTemplate, renderOptions)
+    const formattedEJSCode = await PrettierUtils.format(code, parser)
+    fs.writeFileSync(outputFile, formattedEJSCode)
+  }
+}

package/src/utils/PrettierUtils.ts

@@ -1,12 +1,12 @@
-import type { BuiltInParserName } from 'prettier'
-import { format } from 'prettier'
-
-export class PrettierUtils {
-  static async format(code: string, parser: BuiltInParserName) {
-    return format(code, {
-      parser,
-      tabWidth: 2,
-      singleQuote: true,
-    })
-  }
-}
+import type { BuiltInParserName } from 'prettier'
+import { format } from 'prettier'
+
+export class PrettierUtils {
+  static async format(code: string, parser: BuiltInParserName) {
+    return format(code, {
+      parser,
+      tabWidth: 2,
+      singleQuote: true,
+    })
+  }
+}

package/src/utils/WidgetPackageUtils.ts

@@ -1,13 +1,13 @@
-import path from 'node:path'
-import fs from 'node:fs'
-import type { WidgetPackage } from '@widget-js/core'
-
-export class WidgetPackageUtils {
-  static getRootDir(widgetPackage: WidgetPackage) {
-    const widgetRootDir = path.join(process.cwd(), widgetPackage.devOptions?.folder ?? './src/widgets')
-    if (!fs.existsSync(widgetRootDir)) {
-      fs.mkdirSync(widgetRootDir, { recursive: true })
-    }
-    return widgetRootDir
-  }
-}
+import path from 'node:path'
+import fs from 'node:fs'
+import type { WidgetPackage } from '@widget-js/core'
+
+export class WidgetPackageUtils {
+  static getRootDir(widgetPackage: WidgetPackage) {
+    const widgetRootDir = path.join(process.cwd(), widgetPackage.devOptions?.folder ?? './src/widgets')
+    if (!fs.existsSync(widgetRootDir)) {
+      fs.mkdirSync(widgetRootDir, { recursive: true })
+    }
+    return widgetRootDir
+  }
+}

package/src/utils.ts

@@ -4,16 +4,16 @@ import fs from 'node:fs'
 import packageJson from 'package-json'
 
 export const widgetPackages: { [key: string]: string } = {
-  '@widget-js/core': '',
-  '@widget-js/vue3': '',
-  '@widget-js/cli': '',
-  '@widget-js/utils': '',
+  '@widget-js/core': '',
+  '@widget-js/vue3': '',
+  '@widget-js/cli': '',
+  '@widget-js/utils': '',
   '@widget-js/vite-plugin-widget': '',
 }
 export default function exit(code: number = 0) {
   if (exports.exitProcess) {
     process.exit(code)
-  }
+  }
   else if (code > 0) {
     throw new Error(`Process exited with code ${code}`)
   }

package/template/WidgetDefine.ejs

@@ -1,22 +1,10 @@
 import {Widget, WidgetKeyword} from "@widget-js/core";
 //TODO 修改组件信息，标题，描述，关键词
-const name = "<%= widgetName %>";
-//组件标题
-const title = {"zh-CN": "<%= title %>"};
-//组件描述
-const description = {"zh-CN": ""};
-//组件关键词
-const keywords = [WidgetKeyword.RECOMMEND];
-//组件路由地址
-const path = "/widget/<%= snakeCaseName %>";
-//配置页路由地址
-const configPagePath = <% if (configurable) { %>"/widget/config/<%= snakeCaseName %>"<% } else { %>undefined<% } %>;
-//组件关键词
 const <%= name %>Widget = new Widget({
-name: name,
-title: title,
-description: description,
-keywords: keywords,
+name: "<%= widgetName %>",
+title: {"zh-CN": "<%= title %>"},
+description: {"zh-CN": ""},
+keywords: [WidgetKeyword.RECOMMEND],
 lang: "zh-CN",
 width: <%= width %>,
 height: <%= height %>,
@@ -25,8 +13,8 @@ maxWidth: <%= maxWidth %>,
 minHeight: <%= minHeight %>,
 maxHeight: <%= maxHeight %>,
 previewImage: "修改为组件预览图地址",
-path,
-configPagePath
+path: "/widget/<%= snakeCaseName %>",
+configPagePath: <% if (configurable) { %>"/widget/config/<%= snakeCaseName %>"<% } else { %>undefined<% } %>
 })
 
 export default <%= name %>Widget;

package/template/widget-router.ts

@@ -1,4 +1,4 @@
-import type { RouteRecordRaw } from 'vue-router'
+import type { RouteRecordRaw } from 'vue-router'
 
 // FBI WANING! IMPORT PLACE, DONT DELETE THIS LINE
 const WidgetRouter: RouteRecordRaw[] = [

package/vite.config.ts

@@ -1,15 +1,15 @@
-import { URL, fileURLToPath } from 'node:url'
-import widget from '@widget-js/vite-plugin-widget'
-
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [vue(), widget()],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-    },
-  },
-})
+import { URL, fileURLToPath } from 'node:url'
+import widget from '@widget-js/vite-plugin-widget'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue(), widget()],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
+})

package/.idea/cli.iml

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="JAVA_MODULE" version="4">
-  <component name="NewModuleRootManager" inherit-compiler-output="true">
-    <exclude-output />
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -1,6 +0,0 @@
-<component name="InspectionProjectProfileManager">
-  <profile version="1.0">
-    <option name="myName" value="Project Default" />
-    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
-  </profile>
-</component>

package/.idea/jpa-buddy.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="JpaBuddyIdeaProjectConfig">
-    <option name="renamerInitialized" value="true" />
-  </component>
-</project>

package/.idea/misc.xml

@@ -1,8 +0,0 @@
-<project version="4">
-  <component name="ProjectRootManager">
-    <output url="file://$PROJECT_DIR$/out" />
-  </component>
-  <component name="ProjectType">
-    <option name="id" value="jpab" />
-  </component>
-</project>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/cli.iml" filepath="$PROJECT_DIR$/.idea/cli.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/prettier.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="PrettierConfiguration">
-    <option name="myConfigurationMode" value="AUTOMATIC" />
-  </component>
-</project>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$/../../.." vcs="Git" />
-  </component>
-</project>