@ansstory/hias 1.0.0

package/.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

package/LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright © 2025
+
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the “Software”), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,11 @@
+# hias-cli
+```sh
+npm i hias -g
+hias -h
+hias create xxx
+hias adv Demo -d src/components
+hias adr Demo -d src/components
+hias adrt Demo -d src/components
+hias adrd useDemoStore -d src/store/modules
+hias adrdt useDemoStore -d src/store/modules
+```

package/lib/config.js

@@ -0,0 +1,14 @@
+const foramworkUrl = {
+  'vue-ts': 'https://gitee.com/AnsStory/as_cms_vue_ts_tmp.git',
+  'uni-vite': 'https://gitee.com/AnsStory/uni_vite.git',
+  'nuxt-web': 'https://gitee.com/AnsStory/nuxt_web_tmp.git',
+  'vue-screen': 'https://gitee.com/AnsStory/vite_screen.git',
+}
+const framwork = Object.keys(foramworkUrl)
+
+module.exports = {
+  // 可选择的框架
+  framwork,
+  // 框架对应的下载地址
+  foramworkUrl,
+}

package/lib/core/action.js

@@ -0,0 +1,58 @@
+var inquirer = require('inquirer')
+const { program } = require('commander')
+var config = require('../config')
+var downloadFun = require('./download')
+const compileEjs = require('../utils/compile-ejs')
+const writeFile = require('../utils/write-file')
+const beginAction = async (project, args) => {
+  // 命令行的执行逻辑代码
+  // console.log(project);
+  // console.log(args);
+  const answer = await inquirer.prompt([
+    {
+      type: 'list',
+      name: 'framwork',
+      choices: config.framwork,
+      message: 'Please select the template.',
+    },
+  ])
+  // console.log(answer);
+  // 下载代码模板
+  downloadFun(config.foramworkUrl[answer.framwork], project)
+}
+
+async function addComponentAction(cpnName, temPath, fileType) {
+  const result = await compileEjs(temPath, {
+    name: cpnName,
+    lowername: cpnName.toLowerCase(),
+  })
+
+  const dest = program.opts().dest || 'src/components'
+  await writeFile(`${dest}/${cpnName}.${fileType}`, result)
+  console.log('Component creation was successful:', cpnName + '.vue')
+}
+
+async function addVueComponentAction(cpnName) {
+  await addComponentAction(cpnName, 'component.vue.ejs', 'vue')
+}
+async function addReactComponentAction(cpnName) {
+  await addComponentAction(cpnName, 'component.jsx.ejs', 'jsx')
+}
+async function addReactTsComponentAction(cpnName) {
+  await addComponentAction(cpnName, 'component.tsx.ejs', 'tsx')
+}
+async function addReduxStoreAction(cpnName) {
+  await addComponentAction(cpnName, 'reduxStore.jsx.ejs', 'jsx')
+}
+async function addReduxTsStoreAction(cpnName) {
+  await addComponentAction(cpnName, 'reduxTsStore.tsx.ejs', 'tsx')
+}
+
+module.exports = {
+  beginAction,
+  addVueComponentAction,
+  addReactComponentAction,
+  addReactTsComponentAction,
+  addReduxStoreAction,
+  addReduxTsStoreAction
+}

package/lib/core/commander.js

@@ -0,0 +1,34 @@
+const {
+  beginAction,
+  addVueComponentAction,
+  addReactComponentAction,
+  addReactTsComponentAction,
+  addReduxStoreAction,
+  addReduxTsStoreAction,
+} = require('./action')
+
+const beginCommander = function (program) {
+  program.command('create <project> [other...]').alias('crt').description('create project. For example: asn create airbnb').action(beginAction)
+  program
+    .command('adv <vuecpnname> [...others]')
+    .description('add vue component into a folder, For example: asn addv Demo -d src/components')
+    .action(addVueComponentAction)
+  program
+    .command('adr <reactcpnname> [...others]')
+    .description('add react jsx component into a folder, For example: asn addr Demo -d src/components')
+    .action(addReactComponentAction)
+  program
+    .command('adrt <reactcpnname> [...others]')
+    .description('add react tsx component into a folder, For example: asn addrt Demo -d src/components')
+    .action(addReactTsComponentAction)
+  program
+    .command('adrd <reactcpnname> [...others]')
+    .description('add redux jsx store into a folder, For example: asn addrt useDemoStore -d src/store/modules')
+    .action(addReduxStoreAction)
+  program
+    .command('adrdt <reactcpnname> [...others]')
+    .description('add redux tsx store into a folder, For example: asn addrt useDemoStore -d src/store/modules')
+    .action(addReduxTsStoreAction)
+}
+
+module.exports = beginCommander

package/lib/core/download.js

@@ -0,0 +1,19 @@
+const download = require('download-git-repo')
+const ora = require('ora')
+const chalk = require('chalk')
+const downloadFun = function (url, project) {
+  const spinner = ora().start()
+  spinner.text = 'in progress...'
+  download('direct:' + url, project, { clone: true }, (err) => {
+    if (!err) {
+      spinner.succeed('succeed')
+      console.log(chalk.blue.bold('you run:'))
+      console.log(chalk.blue.bold('cd ' + project))
+      console.log(chalk.blue.bold('code .'))
+    } else {
+      spinner.fail(`error: ${err}`)
+    }
+  })
+}
+
+module.exports = downloadFun

package/lib/core/help.js

@@ -0,0 +1,6 @@
+const beginHelp = function (program) {
+  const version = require('../../package.json').version
+  program.version(version, '-v --version')
+  program.option('-d --dest <dest>', 'a destination folder, For example: -d src/components')
+}
+module.exports = beginHelp

package/lib/index.js

@@ -0,0 +1,7 @@
+#! /usr/bin/env node
+const { program } = require('commander')
+const beginHelp = require('./core/help')
+const beginCommander = require('./core/commander')
+beginHelp(program)
+beginCommander(program)
+program.parse(process.argv)

package/lib/template/component.jsx.ejs

@@ -0,0 +1,11 @@
+import React, { memo } from 'react'
+
+const <%= name %> = memo(() => {
+  return (
+    <div>
+      <%= name %>
+    </div>
+  )
+})
+
+export default <%= name %>

package/lib/template/component.tsx.ejs

@@ -0,0 +1,12 @@
+import React, { memo } from "react"
+import type { FC, ReactNode } from "react"
+
+interface IProps {
+  children?: ReactNode
+}
+
+const <%= name %>: FC<IProps> = memo(() => {
+  return (<div> <%= name %> </div>)
+})
+
+export default <%= name %>

package/lib/template/component.vue.ejs

@@ -0,0 +1,13 @@
+<script setup>
+
+</script>
+
+<template>
+  <div class="<%= lowername %>">
+    <%= name %>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+  .<%=lowername %> {}
+</style>

package/lib/template/reduxStore.jsx.ejs

@@ -0,0 +1,16 @@
+import { createSlice } from '@reduxjs/toolkit'
+
+const <%= name %>SliceModule = createSlice({
+  name: '<%= name %>',
+  initialState:{
+    count: 100,
+  },
+  reducers: {
+    changeCountAction(state, { payload }) {
+      state.message = payload
+    },
+  },
+})
+
+export const { changeCountAction } = <%= name %>SliceModule.actions
+export default <%= name %>SliceModule.reducer

package/lib/template/reduxTsStore.tsx.ejs

@@ -0,0 +1,22 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+
+interface IState {
+  count: number
+}
+
+const initialState: IState = {
+  count: 100,
+}
+
+const <%= name %>SliceModule = createSlice({
+  name: '<%= name %>',
+  initialState,
+  reducers: {
+    changeCountAction(state, { payload }: PayloadAction<number>) {
+      state.count = payload
+    },
+  },
+})
+
+export const { changeCountAction } = <%= name %>SliceModule.actions
+export default <%= name %>SliceModule.reducer

package/lib/utils/compile-ejs.js

@@ -0,0 +1,21 @@
+const path = require('path')
+const ejs = require('ejs')
+
+function compileEjs(tempName, data) {
+  return new Promise((resolve, reject) => {
+    const tempPath = `../template/${tempName}`
+    const absolutePath = path.resolve(__dirname, tempPath)
+
+    ejs.renderFile(absolutePath, data, (err, result) => {
+      if (err) {
+        console.log('error:', err)
+        reject(err)
+        return
+      }
+
+      resolve(result)
+    })
+  })
+}
+
+module.exports = compileEjs

package/lib/utils/write-file.js

@@ -0,0 +1,10 @@
+const fs = require('fs')
+const path = require('path')
+
+async function writeFile(filePath, content) {
+  const dir = path.dirname(filePath)
+  await fs.promises.mkdir(dir, { recursive: true })
+  return fs.promises.writeFile(filePath, content)
+}
+
+module.exports = writeFile

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@ansstory/hias",
+  "version": "1.0.0",
+  "private": false,
+  "description": "创建项目模板",
+  "author": "AnsStory story <story0809@163.com>",
+  "main": "index.js",
+  "bin": {
+    "hias": "/lib/index.js"
+  },
+  "keywords": [
+    "hias ansstory"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "chalk": "^4.1.2",
+    "commander": "^14.0.0",
+    "download-git-repo": "^3.0.2",
+    "ejs": "^3.1.10",
+    "inquirer": "^8.2.6",
+    "ora": "^5.4.1"
+  }
+}