zen-gitsync 1.5.6 → 2.0.3

package/README.md

@@ -86,3 +86,12 @@ $ g --no-diff
 $ g log
 $ g log --n=5
 ```
+
+## ✨ 新特性 (v2.0.0)
+- 新增图形用户界面(GUI)模式
+- 支持标准化的提交信息格式
+
+### 启动图形界面：
+```shell
+$ g ui
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zen-gitsync",
-  "version": "1.5.6",
+  "version": "2.0.3",
   "description": "一个 git 自动查看差异并提交的工具",
   "main": "index.js",
   "type": "module",
@@ -21,10 +21,14 @@
     "g:addResetScript": "node ./src/gitCommit.js addResetScript",
     "g:set-default-message": "node ./src/gitCommit.js --set-default-message=\"提交\"",
     "g:y": "g -y",
-    "g:reset": "git reset --hard origin/main"
+    "g:reset": "git reset --hard origin/main",
+    "g:ui": "node ./src/gitCommit.js ui",
+    "start:vue": "cd ./src/ui/client && npm run dev",
+    "start:server": "node -e \"import('./src/ui/server/index.js').then(module => module.default())\""
   },
   "files": [
     "src/*",
+    "!src/ui/client/**",
     "package.json",
     "index.js"
   ],
@@ -50,8 +54,11 @@
     "chalk": "^5.4.1",
     "cli-table3": "^0.6.5",
     "date-fns": "^4.1.0",
+    "express": "^5.1.0",
     "log-update": "^6.1.0",
+    "open": "^10.1.2",
     "ora": "^8.1.1",
+    "socket.io": "^4.8.1",
     "string-width": "^7.2.0"
   }
-}
+}

package/src/config.js

@@ -7,7 +7,8 @@ const configPath = path.join(os.homedir(), '.git-commit-tool.json');
 
 // 默认配置
 const defaultConfig = {
-  defaultCommitMessage: "submit"
+  defaultCommitMessage: "submit",
+  descriptionTemplates: []  // 添加描述模板数组
 };
 
 // 异步读取配置文件

package/src/gitCommit.js

@@ -11,6 +11,7 @@ import boxen from 'boxen';
 import config from './config.js';
 import dateFormat from 'date-fns/format';
 import logUpdate from 'log-update';
+import startUIServer from './ui/server/index.js';
 
 let countdownInterval = null;
 
@@ -111,6 +112,12 @@ async function createGitCommit(options) {
 async function main() {
   judgePlatform()
 
+  // 检查是否是UI命令
+  if (process.argv.includes('ui')) {
+    await startUIServer();
+    return;
+  }
+
   // 检查是否是添加脚本命令
   if (process.argv.includes('addScript')) {
     await addScriptToPackageJson();

package/src/ui/client/README.md

@@ -0,0 +1,5 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

package/src/ui/client/auto-imports.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+
+}

package/src/ui/client/components.d.ts

@@ -0,0 +1,31 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+// biome-ignore lint: disable
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    CommitForm: typeof import('./src/components/CommitForm.vue')['default']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCard: typeof import('element-plus/es')['ElCard']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElEmpty: typeof import('element-plus/es')['ElEmpty']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElRow: typeof import('element-plus/es')['ElRow']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
+    GitStatus: typeof import('./src/components/GitStatus.vue')['default']
+    LogList: typeof import('./src/components/LogList.vue')['default']
+  }
+  export interface ComponentCustomProperties {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
+}

package/src/ui/client/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Zen-GitSync - Git同步工具</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/src/ui/client/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "client",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@gitgraph/js": "^1.4.0",
+    "element-plus": "^2.9.9",
+    "socket.io-client": "^4.8.1",
+    "vue": "^3.5.13"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.2",
+    "@vue/tsconfig": "^0.7.0",
+    "rollup-plugin-visualizer": "^5.14.0",
+    "typescript": "~5.7.2",
+    "unplugin-auto-import": "^19.2.0",
+    "unplugin-vue-components": "^28.5.0",
+    "vite": "^6.3.1",
+    "vue-tsc": "^2.2.8"
+  }
+}

package/src/ui/client/public/favicon.svg

@@ -0,0 +1,27 @@
+<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+  <!-- 主分支 -->
+  <line x1="40" y1="40" x2="40" y2="160" stroke="#34495e" stroke-width="8" stroke-linecap="round" />
+  
+  <!-- 特性分支 -->
+  <path d="M40,70 C60,70 80,90 80,110 L80,130" stroke="#3498db" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+  
+  <!-- 开发分支 -->
+  <path d="M40,100 C60,100 100,110 100,130 L100,160" stroke="#2ecc71" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+  
+  <!-- 修复分支 -->
+  <path d="M40,130 C60,130 120,140 120,160" stroke="#e74c3c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+  
+  <!-- 合并点 -->
+  <path d="M80,130 C80,145 60,145 40,145" stroke="#3498db" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+  
+  <!-- 节点 -->
+  <circle cx="40" cy="40" r="10" fill="#34495e" />
+  <circle cx="40" cy="70" r="10" fill="#34495e" />
+  <circle cx="40" cy="100" r="10" fill="#34495e" />
+  <circle cx="40" cy="130" r="10" fill="#34495e" />
+  <circle cx="40" cy="145" r="10" fill="#34495e" />
+  <circle cx="40" cy="160" r="10" fill="#34495e" />
+  <circle cx="80" cy="130" r="10" fill="#3498db" />
+  <circle cx="100" cy="160" r="10" fill="#2ecc71" />
+  <circle cx="120" cy="160" r="10" fill="#e74c3c" />
+</svg>

package/src/ui/client/public/logo.svg

@@ -0,0 +1,27 @@
+<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+  <!-- 主分支 -->
+  <line x1="40" y1="40" x2="40" y2="160" stroke="#34495e" stroke-width="8" stroke-linecap="round" />
+  
+  <!-- 特性分支 -->
+  <path d="M40,70 C60,70 80,90 80,110 L80,130" stroke="#3498db" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+  
+  <!-- 开发分支 -->
+  <path d="M40,100 C60,100 100,110 100,130 L100,160" stroke="#2ecc71" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+  
+  <!-- 修复分支 -->
+  <path d="M40,130 C60,130 120,140 120,160" stroke="#e74c3c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+  
+  <!-- 合并点 -->
+  <path d="M80,130 C80,145 60,145 40,145" stroke="#3498db" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" fill="none" />
+  
+  <!-- 节点 -->
+  <circle cx="40" cy="40" r="10" fill="#34495e" />
+  <circle cx="40" cy="70" r="10" fill="#34495e" />
+  <circle cx="40" cy="100" r="10" fill="#34495e" />
+  <circle cx="40" cy="130" r="10" fill="#34495e" />
+  <circle cx="40" cy="145" r="10" fill="#34495e" />
+  <circle cx="40" cy="160" r="10" fill="#34495e" />
+  <circle cx="80" cy="130" r="10" fill="#3498db" />
+  <circle cx="100" cy="160" r="10" fill="#2ecc71" />
+  <circle cx="120" cy="160" r="10" fill="#e74c3c" />
+</svg>

package/src/ui/client/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>