[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-11689":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":9,"totalLinesOfCode":9,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":9,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":18,"compositeScore":20,"rankGlobal":9,"rankLanguage":9,"license":9,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":21,"topics":9,"createdAt":9,"pushedAt":9,"updatedAt":23,"readmeContent":24,"aiSummary":25,"trendingCount":16,"starSnapshotCount":16,"syncStatus":26,"lastSyncTime":27,"discoverSource":28},11689,"xyzw_web_helper","w1249178256\u002Fxyzw_web_helper","w1249178256","咸鱼之王web端",null,"https:\u002F\u002Fgithub.com\u002Fw1249178256\u002Fxyzw_web_helper","JavaScript",398,322,7,101,0,1,3,25,50.53,false,"main","2026-06-12 04:00:55","# XYZW Web Helper\n\n\u003Cdiv align=\"center\">\n\n![XYZW Logo](public\u002Fxiaoyugan.png)\n\n**🎮 咸鱼自动化web平台**\n\n[![Vue 3](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FVue-3.4+-4FC08D?style=flat&logo=vue.js&logoColor=white)](https:\u002F\u002Fvuejs.org\u002F)\n[![Vite](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FVite-5.0+-646CFF?style=flat&logo=vite&logoColor=white)](https:\u002F\u002Fvitejs.dev\u002F)\n[![Naive UI](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FNaive%20UI-2.38+-18A058?style=flat&logo=vue.js&logoColor=white)](https:\u002F\u002Fwww.naiveui.com\u002F)\n[![WebSocket](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FWebSocket-BON%20Protocol-FF6B6B?style=flat&logo=websocket&logoColor=white)](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FWebSocket)\n[![License](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-CC%20BY--NC--SA%204.0-lightgrey.svg?style=flat)](https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby-nc-sa\u002F4.0\u002F)\n\n基于Vue 3 + Vite的现代化XYZW游戏辅助工具，支持Token管理、WebSocket通信、游戏自动化等功能。\n\n\u003C\u002Fdiv>\n\n---\n\n## ✨ 核心特性\n\n### 🔐 Token管理系统\n- **双重导入方式**：支持手动输入和URL接口获取两种Token导入方式\n- **Base64解码支持**：自动识别和解析多种Base64格式的游戏Token\n- **多角色管理**：同时管理多个游戏账号，支持角色信息展示\n- **本地存储**：安全的本地数据存储，无需后端服务器\n- **Token验证**：自动验证Token有效性和格式完整性\n- **自动刷新**：支持URL获取的Token自动刷新功能\n\n### 🌐 WebSocket通信\n- **BON协议支持**：内置Binary Object Notation协议编解码\n- **多重加密**：支持LX、X、XTM等多种加密方式\n- **自动重连**：智能断线重连机制，确保连接稳定\n- **消息队列**：内置消息队列系统，支持批量发送和响应处理\n\n### 🎮 游戏功能\n- **日常任务管理**：自动化日常任务执行和奖励领取\n- **角色状态监控**：实时显示角色等级、职业、服务器等信息\n- **团队管理**：队伍状态查看和管理功能\n- **爬塔进度**：爬塔状态追踪和数据分析\n\n### 🛠️ 开发工具\n- **消息测试器**：BON协议消息编码\u002F解码测试工具\n- **WebSocket调试**：实时WebSocket连接和消息调试\n- **协议验证**：游戏协议消息格式验证工具\n\n### 🎨 主题系统\n- **智能主题切换**：支持深浅主题无缝切换，自动适应系统主题偏好\n- **实时响应**：主题切换立即生效，无需刷新页面\n- **全组件覆盖**：完整支持Naive UI组件库的深色主题\n- **记忆偏好**：自动保存用户主题选择，下次访问自动应用\n- **统一设计**：所有页面使用统一的圆形主题切换按钮\n\n---\n\n## 🏗️ 技术架构\n\n### 前端技术栈\n```\nVue 3.4+          # 渐进式JavaScript框架\n├── Composition API    # Vue 3组合式API\n├── \u003Cscript setup>     # 单文件组件语法糖\n└── Reactive System    # 响应式数据系统\n\nVite 5.0+         # 现代化构建工具\n├── HMR               # 热模块替换\n├── ES6+             # 现代JavaScript支持\n└── SCSS             # CSS预处理器\n\nNaive UI 2.38+    # Vue 3组件库\n├── Theme System     # 主题系统\n├── Icon Library     # 图标库\n└── Responsive      # 响应式设计\n\nPinia 2.1+        # 状态管理\n├── Store Pattern    # 存储模式\n├── DevTools        # 开发工具\n└── Composition API  # 组合式API支持\n```\n\n### 核心架构设计\n\n```\nsrc\u002F\n├── 🎯 stores\u002F              # Pinia状态管理\n│   ├── tokenStore.js      # Token管理核心\n│   ├── gameRoles.js       # 游戏角色数据\n│   └── localTokenManager.js # 本地存储管理\n│\n├── 🔧 composables\u002F         # Vue 3组合式函数\n│   └── useTheme.js        # 主题管理系统\n│\n├── 🌐 utils\u002F               # 核心工具库\n│   ├── bonProtocol.js     # BON协议实现\n│   ├── xyzwWebSocket.js   # WebSocket客户端\n│   ├── gameCommands.js    # 游戏命令封装\n│   └── wsAgent.js         # 连接代理\n│\n├── 📱 views\u002F               # 主要页面\n│   ├── TokenImport.vue    # Token导入管理\n│   ├── Dashboard.vue      # 主控制台\n│   ├── DailyTasks.vue     # 日常任务\n│   ├── GameFeatures.vue   # 游戏功能\n│   └── Profile.vue        # 用户设置\n│\n└── 🧩 components\u002F         # 可复用组件\n    ├── TokenManager.vue   # Token管理器\n    ├── ThemeToggle.vue    # 主题切换按钮\n    ├── GameStatus.vue     # 游戏状态组件\n    ├── DailyTaskCard.vue  # 任务卡片\n    ├── MessageTester.vue  # 消息测试器\n    └── WebSocketTester.vue # WebSocket调试器\n```\n\n---\n\n## 🚀 快速开始\n\n### 环境要求\n\n```bash\nNode.js >= 18.0.0\npnpm >= 9.0.0 (推荐)\n```\n\n### 安装与运行\n\n```bash\n# 克隆项目\ngit clone https:\u002F\u002Fgithub.com\u002Fyour-repo\u002Fxyzw-web-helper.git\ncd xyzw-web-helper\n\n# 安装依赖\npnpm install\n\n# 启动开发服务器\npnpm run dev\n\n# 构建生产版本\npnpm run build\n\n# 预览生产构建\npnpm run preview\n```\n\n### 开发命令\n\n```bash\npnpm run dev      # 启动开发服务器 (端口3000)\npnpm run build    # 构建生产版本\npnpm run preview  # 预览生产构建\npnpm run lint     # 代码检查和修复\npnpm run format   # 代码格式化\n```\n\n### 部署代理服务 (Cloudflare Pages)\n\n本项目推荐使用 Cloudflare Pages 进行部署，内置了对 API 代理的支持。\n\n1. **准备代码**：https:\u002F\u002Fgithub.com\u002Fw1249178256\u002Fxyzw_web_helper.git\n2. **连接仓库**：在 Cloudflare Dashboard 中选择 \"Pages\" -> \"Connect to Git\"，选择本项目仓库。\n3. **构建设置**：\n    - **构建命令**: `npm run build`\n    - **构建输出目录**: `dist`\n4. **环境变量**（可选）：可以在 Cloudflare Pages 设置中添加环境变量。\n5. **部署**：点击 \"Save and Deploy\"。\n\nCloudflare Pages 会自动识别 `dist\u002F_worker.js` 并启用 Advanced Mode，无需额外配置即可实现 API 代理和静态资源托管。\n\n### 本地预览 (Cloudflare Pages)\n\n为了在本地模拟 Cloudflare Pages 环境（包括 `worker.js` 的代理功能），请使用 `wrangler`：\n\n1. **安装 wrangler**: `npm install -g wrangler`\n2. **构建项目**: `npm run build`\n3. **启动预览**: `npx wrangler pages dev dist`\n4. **访问**: 打开浏览器访问 `http:\u002F\u002Flocalhost:8787`\n\n> 注意：`npm run preview` 仅提供静态文件预览，无法执行 `worker.js` 中的代理逻辑。请使用 `wrangler` 进行全功能预览。\n\n### 部署TokenURL获取服务 (Python)\n\n本项目提供了一个基于 Python Flask 的配套后端服务，用于管理游戏 bin 文件并提供 Token 获取接口。\n\n**主要功能：**\n*   **多用户管理**：支持用户注册、登录、注销，每个用户拥有独立的文件存储空间。\n*   **Web 管理界面**：可视化管理 bin 文件，支持批量上传、删除。\n*   **安全认证**：内置登录认证机制，保护接口安全。\n*   **专属 Token**：为每个用户生成唯一的 Token，用于构建安全的访问链接。\n\n#### 1. 环境准备\n\n确保服务器安装了 Python 3.x，并安装依赖：\n\n```bash\ncd server\npip install -r requirements.txt\n```\n\n#### 2. 配置\n\n服务启动时会自动检查 `server\u002Fconfig.json`，如果不存在则创建默认配置（包含默认管理员账号）。\n\n> **注意**：默认管理员账号为 `admin`，密码为 `admin123`。建议首次登录后修改密码或创建新账号。\n\n#### 3. 启动服务\n\n```bash\npython app.py\n```\n\n服务将在 `0.0.0.0:5000` 启动。\n\n#### 4. 使用方式\n\n1.  **注册\u002F登录**：\n    访问 `http:\u002F\u002F\u003C你的服务器IP>:5000`。\n    *   默认管理员：`admin` \u002F `admin123`\n    *   普通用户：点击“注册新账号”创建自己的账号。\n\n2.  **上传 bin 文件**：\n    登录后，点击“上传”按钮，选择一个或多个 `.bin` 文件进行上传。文件将存储在您的专属目录下。\n\n3.  **获取 Token URL**：\n    上传成功后，列表中会显示每个文件的 Token URL。点击“复制完整链接”按钮。\n\n    URL 格式示例（包含用户专属 Token）：\n    ```\n    http:\u002F\u002F\u003C你的服务器IP>:5000\u002F\u003CUserToken>\u002F\u003Cbin文件名>\u002F\u003Cbase64编码>\n    ```\n\n4.  **账号管理**：\n    *   **修改密码**：点击“修改密码”按钮，在弹出的窗口中输入新密码进行修改。\n    *   **注销账号**：普通用户可以点击“注销账号”来永久删除账号及所有数据。管理员账号不可注销。\n\n---\n\n## 📖 使用指南\n\n### 1. Token导入与管理\n\n#### 支持的导入方式\n\n##### 方式一：手动输入\n支持多种Base64格式的Token字符串：\n\n```javascript\n\u002F\u002F 纯Base64格式\n\"eyJ0b2tlbiI6ImFiY2QxMjM0In0=\"\n\n\u002F\u002F 带前缀格式\n\"token:eyJ0b2tlbiI6ImFiY2QxMjM0In0=\"\n```\n\n##### 方式二：URL接口获取\n通过API接口自动获取Token，支持定时刷新：\n\n```javascript\n\u002F\u002F API接口返回格式\n{\n  \"token\": \"eyJ0b2tlbiI6ImFiY2QxMjM0In0=\",  \u002F\u002F 必需字段\n  \"server\": \"风云服\"                        \u002F\u002F 可选字段\n}\n```\n\n##### 方式三：批量导入\n支持通过bin文件或多行输入同时导入多个Token。\n\n支持伏羲bin文件格式的Token批量导入。\n\n#### 导入步骤\n1. 进入 **Token管理** 页面\n2. 选择导入方式：\n   - **手动输入**：粘贴Base64编码的Token字符串\n   - **URL获取**：输入Token获取接口地址\n3. 系统自动解析和验证Token格式\n4. 设置角色名称和基本信息\n5. 保存到本地存储\n\n#### Token刷新功能\n- 通过URL方式导入的Token支持一键刷新\n- 刷新时会重新请求原API接口获取最新Token\n- 自动重新建立WebSocket连接\n- 保持角色信息和配置不变\n\n### 2. WebSocket连接配置\n\n纯本地连接存储，不用担心封号及账号泄漏风险\n\n### 3. BON协议消息处理\n\n```javascript\nimport { bon, GameMessages } from '@\u002Futils\u002FbonProtocol.js';\n\n\u002F\u002F 编码消息\nconst message = GameMessages.getRoleInfo(0, 12345);\nconst encoded = bon.encode(message.body);\n\n\u002F\u002F 解码消息\nconst decoded = bon.decode(receivedData);\n```\n\n### 4. 主题系统使用\n\n#### 主题切换功能\n- **位置**：在页面右上角可以找到圆形的主题切换按钮\n- **图标说明**：\n  - ☀️ 太阳图标：当前为浅色主题，点击切换到深色主题\n  - 🌙 月亮图标：当前为深色主题，点击切换到浅色主题\n- **自动记忆**：用户的主题选择会自动保存，下次访问时自动应用\n- **系统同步**：首次访问时会自动检测系统主题偏好\n\n#### 技术实现特点\n```javascript\n\u002F\u002F 使用主题切换组件\nimport ThemeToggle from '@\u002Fcomponents\u002FThemeToggle.vue'\nimport { useTheme } from '@\u002Fcomposables\u002FuseTheme'\n\nconst { isDark, toggleTheme } = useTheme()\n```\n\n### 5. 游戏功能使用\n\n#### 日常任务自动化\n- 自动签到奖励领取\n- 日常任务完成状态检查\n- 奖励自动领取\n- 任务进度实时追踪\n\n#### 角色状态监控\n- 实时等级和经验显示\n- 职业和技能信息\n- 服务器状态监控\n- 在线时长统计\n\n---\n\n## 🔧 配置说明\n\n### Vite配置 (vite.config.js)\n\n```javascript\nexport default defineConfig({\n  plugins: [vue()],\n  resolve: {\n    alias: {\n      '@': path.resolve(__dirname, 'src'),\n      '@components': path.resolve(__dirname, 'src\u002Fcomponents'),\n      '@utils': path.resolve(__dirname, 'src\u002Futils'),\n      '@stores': path.resolve(__dirname, 'src\u002Fstores')\n    }\n  },\n  server: {\n    port: 3000,\n    proxy: {\n      '\u002Fapi': {\n        target: 'http:\u002F\u002Fxyzw.my',\n        changeOrigin: true\n      }\n    }\n  }\n});\n```\n\n### 环境变量\n\n```bash\n# .env.development\nVITE_API_BASE_URL=http:\u002F\u002Flocalhost:3000\nVITE_WS_URL=wss:\u002F\u002Fgame.xyzw.my\u002Fws\n\n# .env.production\nVITE_API_BASE_URL=https:\u002F\u002Fapi.xyzw.my\nVITE_WS_URL=wss:\u002F\u002Fgame.xyzw.my\u002Fws\n```\n\n---\n\n## 🧪 测试与调试\n\n### 内置测试工具\n\n#### 1. 消息测试器 (MessageTester.vue)\n- BON协议编码\u002F解码测试\n- 消息格式验证\n- 加密\u002F解密功能测试\n\n#### 2. WebSocket调试器 (WebSocketTester.vue)\n- 实时连接状态监控\n- 消息发送和接收测试\n- 连接参数配置\n\n#### 3. 协议验证工具\n```javascript\n\u002F\u002F 测试BON编码\nconst testData = { cmd: \"test\", data: { id: 123 } };\nconst encoded = bon.encode(testData);\nconst decoded = bon.decode(encoded);\nconsole.log('编码测试:', decoded);\n\n\u002F\u002F 测试加密\nconst encrypted = getEnc('x').encrypt(encoded);\nconst decrypted = getEnc('x').decrypt(encrypted);\n```\n\n### 调试技巧\n\n1. **浏览器开发工具**：使用Vue DevTools监控组件状态\n2. **网络面板**：监控WebSocket消息传输\n3. **控制台日志**：查看详细的协议处理日志\n4. **本地存储检查**：验证Token和配置存储\n\n---\n\n## 📦 项目结构详解\n\n### 状态管理架构\n\n```javascript\n\u002F\u002F tokenStore.js - 核心Token管理\nconst useTokenStore = defineStore('tokens', () => {\n  const gameTokens = ref([]);           \u002F\u002F Token列表\n  const selectedTokenId = ref(null);    \u002F\u002F 当前选中Token\n  const wsConnections = ref({});        \u002F\u002F WebSocket连接池\n  \n  \u002F\u002F Token管理方法\n  const addToken = (tokenData) => { \u002F* ... *\u002F };\n  const updateToken = (id, updates) => { \u002F* ... *\u002F };\n  const removeToken = (id) => { \u002F* ... *\u002F };\n  \n  \u002F\u002F WebSocket管理\n  const connectWebSocket = (tokenId) => { \u002F* ... *\u002F };\n  const disconnectWebSocket = (tokenId) => { \u002F* ... *\u002F };\n  \n  return { \n    gameTokens, selectedTokenId, wsConnections,\n    addToken, updateToken, removeToken,\n    connectWebSocket, disconnectWebSocket\n  };\n});\n```\n\n### 路由守卫系统\n\n```javascript\n\u002F\u002F router\u002Findex.js\nrouter.beforeEach((to, from, next) => {\n  const tokenStore = useTokenStore();\n  \n  if (to.meta.requiresToken && !tokenStore.hasTokens) {\n    next('\u002Ftokens'); \u002F\u002F 重定向到Token管理页\n  } else {\n    next();\n  }\n});\n```\n\n### 组件通信模式\n\n```javascript\n\u002F\u002F 父子组件通信\n\u002F\u002F Parent.vue\n\u003CTokenManager \n  :tokens=\"tokens\" \n  @token-selected=\"handleTokenSelect\"\n  @token-updated=\"handleTokenUpdate\" \u002F>\n\n\u002F\u002F 兄弟组件通信（通过Store）\nconst tokenStore = useTokenStore();\nconst gameData = computed(() => tokenStore.gameData);\n```\n\n---\n\n## 🔐 安全特性\n\n### 数据安全\n- **本地存储**：所有敏感数据仅存储在浏览器本地\n- **Token掩码**：界面显示时自动掩码处理（显示首尾4位）\n- **加密传输**：WebSocket消息使用多重加密协议\n- **会话隔离**：每个Tab页面独立的连接会话\n\n### 协议安全\n```javascript\n\u002F\u002F 多重加密支持\nconst encryptors = {\n  lx: lzCompressionWithMask,      \u002F\u002F LZ4压缩+头部掩码\n  x: randomHeaderWithXOR,         \u002F\u002F 随机头部+XOR加密\n  xtm: xxteaEncryption           \u002F\u002F XXTEA加密算法\n};\n\n\u002F\u002F 自动加密检测和解密\nconst autoDecrypt = (data) => {\n  if (isLXFormat(data)) return lx.decrypt(data);\n  if (isXFormat(data)) return x.decrypt(data);\n  if (isXTMFormat(data)) return xtm.decrypt(data);\n  return data;\n};\n```\n\n---\n\n## 🚀 性能优化\n\n### 前端优化\n- **代码分割**：路由级别的懒加载\n- **Tree Shaking**：自动删除未使用代码\n- **资源压缩**：Gzip压缩和资源优化\n- **缓存策略**：智能缓存Token和游戏数据\n\n### WebSocket优化\n- **连接池**：复用WebSocket连接\n- **消息队列**：批量处理和发送优化\n- **心跳机制**：智能心跳保持连接活跃\n- **断线重连**：指数退避重连算法\n\n### 内存优化\n```javascript\n\u002F\u002F 响应式数据优化\nconst gameData = computed(() => {\n  return tokenStore.gameData || {};\n});\n\n\u002F\u002F 组件卸载时清理\nonUnmounted(() => {\n  if (wsClient.value) {\n    wsClient.value.disconnect();\n  }\n});\n```\n\n---\n\n## 🤝 贡献指南\n\n### 开发规范\n1. **代码风格**：使用ESLint + Prettier统一代码风格\n2. **组件命名**：使用PascalCase命名Vue组件\n3. **提交规范**：遵循Conventional Commits规范\n4. **文档注释**：关键功能使用JSDoc注释\n\n### 提交流程\n```bash\n# 1. Fork项目并克隆到本地\ngit clone https:\u002F\u002Fgithub.com\u002Fyour-username\u002Fxyzw-web-helper.git\n\n# 2. 创建功能分支\ngit checkout -b feature\u002Fnew-feature\n\n# 3. 提交更改\ngit commit -m \"feat: 添加新功能描述\"\n\n# 4. 推送分支\ngit push origin feature\u002Fnew-feature\n\n# 5. 创建Pull Request\n```\n\n### Issue反馈\n- 🐛 **Bug报告**：描述问题复现步骤和环境信息\n- 💡 **功能建议**：详细说明需求场景和预期效果\n- 📖 **文档改进**：指出文档不准确或缺失的部分\n- ❓ **使用问题**：提供详细的使用场景和问题描述\n\n---\n\n## 📋 更新日志\n\n### v2.1.1 (Current - 2025.10.01)\n- 🎮 **月度任务系统**\n  - 新增月度任务进度跟踪面板，实时显示钓鱼和竞技场进度\n  - 实现钓鱼自动补齐功能，智能优先使用免费次数\n  - 添加竞技场自动补齐，采用贪心策略估算战斗次数\n  - 支持一键完成月度任务和进度刷新功能\n\n- 👥 **角色身份卡系统**\n  - 新增角色身份卡组件，展示角色头像、等级、战力等详细信息\n  - 实现完整的战力段位系统，包含10个段位等级和专属样式\n  - 添加角色头像默认图片库和智能加载失败处理\n  - 优化队伍状态展示，增加炫光边框动画效果\n\n- ⚡ **性能与稳定性优化**\n  - 优化WebSocket连接状态监听和错误处理机制\n  - 移除大量调试日志输出，减少控制台噪音\n  - 改进Token过期检测和用户友好提示机制\n  - 调整游戏命令结构，统一消息响应格式\n\n- 🎨 **界面体验提升**\n  - 完善战力数值格式化显示（支持亿、万单位转换）\n  - 实现段位进度条计算和可视化展示\n  - 添加深色主题下的身份卡样式完美适配\n  - 优化移动端显示效果，调整元素尺寸和间距\n\n- 🐛 **Bug修复**\n  - 修复若干已知问题和代码错误\n  - 清理临时文档文件，保持项目结构整洁\n  - 优化角色信息获取逻辑，提升数据获取可靠性\n\n### v2.1.0 (2025.09.04)\n- 🌓 **全新主题系统**\n  - 全局深浅主题切换功能，支持系统主题自动检测\n  - 优雅的圆形切换按钮，与界面设计完美融合\n  - 实时热切换，无需刷新页面即可切换主题\n  - 完整支持Naive UI组件的深色主题\n  - 智能记忆用户主题偏好设置\n\n- ⚡ **响应式体验优化**\n  - 修复主题切换按钮状态不实时更新的问题\n  - 解决弹框等Portal组件字体颜色不热切换的问题\n  - 基于MutationObserver的DOM变化监听\n  - 事件驱动的主题状态同步机制\n\n- 🎨 **界面统一性提升**\n  - 统一TokenImport和Dashboard页面的主题切换组件\n  - 使用太阳\u002F月亮图标直观表示主题状态\n  - 添加按钮hover动画效果\n  - 完善的CSS深色主题适配\n\n- 🔧 **技术架构改进**\n  - 重构useTheme composable，使用响应式ref替代computed\n  - 双重DOM监听确保状态同步（html + body）\n  - 支持data-theme属性和class类名双重主题检测\n  - 优化的事件系统和状态管理\n\n### v2.0.0 (Legacy)\n- 🎉 重构Token管理系统，支持多角色管理\n- 🔧 升级WebSocket客户端，支持更多游戏协议\n- 🎨 全新UI设计，基于Naive UI组件库\n- ⚡ 优化BON协议处理，提升消息编解码性能\n- 🛡️ 增强安全性，支持多种加密方式\n- 🧪 添加完整的测试和调试工具\n\n### v1.x.x (Legacy)\n- 基础Token管理功能\n- 简单WebSocket连接\n- 基础游戏功能支持\n\n---\n\n## 🗓️ 版本更新计划\n\n### v2.2.0 (计划中 - Q1 2026)\n- 🎯 **自动化增强**\n  - [ ] 智能任务调度系统\n  - [ ] 增加账号批量管理界面\n  - [ ] 支持每日任务一键完成\n  - [ ] 支持定时任务抢购符咒\n\n- 🔧 **功能扩展**  \n  - [ ] 支持自定义脚本生成\n  - [ ] 添加数据统计面板\n  - [ ] 增强游戏状态监控\n  - [ ] 支持多服务器管理\n\n### v2.1.0 已完成功能 ✅\n- 🎨 **用户界面**\n  - [x] 全局深浅主题切换系统\n  - [x] 实时热切换，无需刷新页面\n  - [x] 优雅的圆形主题切换按钮\n  - [x] 完整的Naive UI深色主题支持\n  - [x] 界面已有bug修复\n\n- 🔧 **技术优化**\n  - [x] 支持远端获取Token（URL接口方式）\n  - [x] 支持Token自动刷新功能\n  - [x] 响应式状态管理优化\n  - [x] DOM变化监听和事件驱动更新\n\n## 📄 许可证\n\n本项目基于 [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License](LICENSE) 许可证。\n\n**⚠️ 重要声明：**\n- ✅ **允许**：个人学习、研究、修改和分享\n- ❌ **禁止**：商业用途、销售、商业化运营\n- 📝 **要求**：署名、相同许可证分享、标注修改\n\n详细许可条款请查看 [LICENSE](LICENSE) 文件。\n\n---\n\n## 📞 联系方式\n\n- **项目主页**：[GitHub Repository](https:\u002F\u002Fgithub.com\u002Fw1249178256\u002Fxyzw_web_helper)\n- **问题反馈**：[GitHub Issues](https:\u002F\u002Fgithub.com\u002Fw1249178256\u002Fxyzw_web_helper\u002Fissues)\n- **联系邮箱**：[发邮件给我](mailto:stevefeng59@gmail.com)\n- **TG群组**：[欢迎加入](https:\u002F\u002Ft.me\u002F+SEDhXWN_OpNiMGI1)\n\n---\n\n## 👏 赞赏\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fw1249178256\u002Fxyzw_web_helper\u002Fblob\u002Fmain\u002Fpublic\u002FIMG_8007.JPG\" width=\"200\" height=\"200\">\n\n\u003Cdiv align=\"center\">\n\n**⭐ 如果这个项目对你有帮助，请给它一个星标！**\n\nMade with ❤️ by FF Team\n\n\u003C\u002Fdiv>\n","XYZW Web Helper 是一个基于Vue 3和Vite构建的现代化游戏辅助工具，专为咸鱼之王游戏设计。该项目通过Token管理、WebSocket通信及自动化日常任务等功能提升玩家体验。其核心特性包括支持多种方式导入与管理游戏Token、内置BON协议编解码器以实现稳定且安全的WebSocket通信，以及提供丰富的游戏内功能如角色状态监控和团队管理等。此外，它还配备了实用的开发调试工具，并采用智能主题系统优化用户界面。适用于希望提高效率、简化操作流程的游戏玩家或开发者。",2,"2026-06-11 03:32:18","trending"]