Repository: One-Studio/CSGO-Toolbox
Branch: main
Commit: 87ff793c2aff
Files: 11
Total size: 8.3 KB

Directory structure:
gitextract_dx2bvsf5/

├── .gitattributes
├── .gitignore
├── README.md
├── assets/
│   └── css/
│       └── tailwind.css
├── nuxt.config.ts
├── package.json
├── pages/
│   └── index.vue
├── plugins/
│   └── ScrollReveal.client.ts
├── server/
│   └── api/
│       └── version.ts
├── tailwind.config.js
└── tsconfig.json

================================================
FILE CONTENTS
================================================

================================================
FILE: .gitattributes
================================================
# Auto detect text files and perform LF normalization
* text=auto


================================================
FILE: .gitignore
================================================
node_modules
*.log*
.nuxt
.nitro
.cache
.output
.env
dist

# idea
.idea


================================================
FILE: README.md
================================================
<h1 align="center">CSGO工具箱</h1>

<h4 align="center">一个为CSGO游戏的各个方面带来便利的工具集合</h4>

<div align="center">

[![stars](https://img.shields.io/github/stars/One-Studio/CSGO-Toolbox.svg?style=flat&color=green)](https://github.com/One-Studio/CSGO-Toolbox)
[![fork](https://img.shields.io/github/forks/One-Studio/CSGO-Toolbox.svg?style=flat&color=critical)](https://github.com/One-Studio/CSGO-Toolbox)
[![donate](https://img.shields.io/badge/$-donate-ff69b4.svg?style=flat)](https://github.com/One-Studio/CSGO-Toolbox#捐赠)
[![release](https://img.shields.io/github/release/One-Studio/CSGO-Toolbox.svg?style=flat&color=blue)](https://github.com/One-Studio/CSGO-Toolbox/releases)

</div>

## 说明

CSGO工具箱旨在游戏的各个方面给玩家带来便利，如设置的修改、备份、还原、启动项修改、快捷启动、硬件配置查看、录像下载、管理、观看等等，从而减少玩家在调整设置等事项上花费的时间，节省出更多的时间投入游戏本身。

> 代码闭源，本仓库仅为官网代码

<div align="center" >
  <img src="https://api.star-history.com/svg?repos=One-Studio/CSGO-Toolbox&type=Date" alt="Star History Chart" style="width: 50%;" />
</div>

### 技术栈

框架：[Wails](https://wails.io/) + [Vue.js](https://vuejs.org/)

语言：Go + TypeScript + HTML + CSS ( TailwindCSS + SCSS )

### 兼容系统和平台

| 系统       | x64 | x32 | arm64 |
|:--------:|:---:|:---:|:-----:|
| Win10/11 | ✔️  | 📈  | 📈    |
| ~Win7    | ❌   | ❌   | ❌     |
| Linux    | 📈  | 📈  | 📈    |
| MacOS    | 📈  | 📈  | 📈    |

- ❌ Wails 明确不兼容 除非框架更新支持

- 📈 计划在未来得到支持

## 下载

- <https://github.com/One-Studio/CSGO-Toolbox/releases>

- <https://api.upup.cool/get/csgo-toolbox>

## 路线图

### 画饼清单

#### 核心

- [x] 前后端代码重构
- [ ] 用户活跃度统计
- [x] 代码格式化 eslint + prettier
- [ ] i18n 多语言支持
- [ ] 启动时的引导，选择路径和偏好设置
- [ ] CFGX 界面图形化操作调整CFG
- [ ] 游戏设置分析、展示与分享
- [ ] 文件操作
  - [ ] 增加删除功能
  - [ ] 增加复制按钮，方便分享
  - [ ] 修改文件名时输入.后没有添加后缀导致修改后不显示文件的bug
- [ ] 赛事信息？

#### 界面

- [ ] 深色模式 Dark Mode
- [ ] 实时公告
- [ ] 关于页面
- [x] 广告

#### 工具

- [ ] 启动项组改名
- [ ] 标签式启动项编辑
- [ ] 画面设置图形化切换和多档位
- [ ] 快捷打开目录（CFG、地图、脚本、录像）
- [ ] **控制台指令大全**
- [ ] **控制台指令搜索功能**
- [ ] 职业选手游戏设置&外设（类似Prosetting）
- [ ] 道具点位等视频的专栏推荐
- [ ] 战术面板

#### 硬件

- [ ] 手动添加外设信息
- [ ] 信息一键截图分享
- [ ] 改进硬件信息（如显示屏品牌型号等）
- [ ] 获得实时硬件信息（CPU主频等）

#### 账号

- [ ] 工具箱账号系统，登录注册验证
- [ ] 启动项等设置和录像分析数据同步云端

#### 录像

- [x] hlae启动选项 打开对话框选择路径
- [ ] demo name和filename切换 方便标记
- [ ] 多文件夹支持
- [ ] 改进录像分析过程，支持监听文件变动自动补齐分析新的demo
  - [ ] 监听完美demo下载目录
- [ ] 对接官匹、平台的对战数据，自动收录相关demo和数据
  - [ ] 官匹
  - [ ] 完美
  - [ ] 5E
  - [ ] B5
  - [ ] FACEIT
- [ ] demo组织管理功能 拖拽文件自动解压改名
- [ ] demo播放 对不支持的路径 复制临时dem文件以正常播放
- [x] 自动录像生成
- [ ] 联动 HLAE（通过mirv_pgl）
- [ ] 通过 mirv_pgl 读写消息
- [ ] 比赛信息/录像下载
- [ ] demo内置下载与下载的进度展示

### 做好的饼

- [x] 载入动画
- [x] 升级v3界面（类 Fluent Design）
- [x] 核心：Steam账号信息读取
- [x] 核心：设置文件加密
- [x] 核心：steam账号切换免登陆（需要保存密码）
- [x] 核心：更新检查和点击下载安装，大版本强制更新
- [x] 核心：安装包读取已安装路径  
- [x] 核心：单实例
- [x] 核心：广告
- [x] 核心：系统托盘
- [x] 工具：多启动项档位，快捷启动国服、国际服
- [x] 工具：国服反和谐
- [x] 工具：简易雷达
- [x] 工具：VAC验证问题修复
- [x] 工具：准星生成
- [x] 工具：击杀条生成
- [ ] 工具：加入地图、脚本、录像目录的快捷打开按钮
- [x] 录像：文件夹设置、浏览、录像观看和改名
- [x] 录像：HLAE和FFmpeg的安装、更新
- [x] 录像：HLAE启动设置，包括自定义启动和覆盖设置切换
- [x] 录像：分享链接转换功能（协议问题暂时移出，独立到[另一个仓库](https://github.com/One-Studio/csgo-demo-downloader)）
- [x] CFG：备份、欢迎、修改文件名、直接打开 local/cfg 文件
- [x] CFG：云端备份功能（安全问题暂时屏蔽）
- [x] 录像：demo解析数据
- [x] 录像：通过md5区分不同的demo 过滤合并信息
- [x] 账号：用户信息复制和屏蔽功能

## 捐赠

- 支付宝：

<img src="./assets/img/支付宝.png" alt="Alipay" style="zoom: 80%;" />

- 微信：

<img src="./assets/img/微信.png" alt="Wechat" style="zoom:80%;" />


================================================
FILE: assets/css/tailwind.css
================================================
@tailwind base;
@tailwind components;
@tailwind utilities;


================================================
FILE: nuxt.config.ts
================================================
import { defineNuxtConfig } from 'nuxt'

// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({
	app: {
		head: {
			"title": 'CSGO工具箱',
			"meta": [{ name: 'description', content: '一个为CSGO游戏的各个方面带来便利的工具集合' }],
			"link": [],
			"style": [],
			"script": [],
			"noscript": [],
			"charset": "utf-8",
			"viewport": "width=device-width, initial-scale=1"
		}
	},
	
	modules: [],
	
	ssr: false,
	
	css:[
		"~/assets/css/tailwind.css"
	],
	
	build: {
		postcss: {
			postcssOptions: {
				plugins: {
					tailwindcss: {},
					autoprefixer: {},
				},
			},
		},
	}
})


================================================
FILE: package.json
================================================
{
  "private": true,
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview"
  },
  "devDependencies": {
    "autoprefixer": "^10.4.8",
    "nuxt": "3.0.0-rc.7",
    "postcss": "^8.4.16",
    "tailwindcss": "^3.1.8"
  },
  "dependencies": {
    "scrollreveal": "^4.0.9"
  }
}


================================================
FILE: pages/index.vue
================================================
<template>
	<div class="bg" v-cloak >
		<div class="fade-up-1" >
			<img src="/img/logo.png" class="logo" alt="" >
		</div>
		<div class="fade-up-2 relative" >
			<p class="title" >CSGO工具箱</p>
			<span class="badge" >Beta</span>
		</div>
		<p class="slogan fade-up-3" >一个为CSGO游戏的各个方面带来便利的工具集合</p>
		
		<div class="btn-group fade-up-4" >
			<a href="https://api.upup.cool/get/csgo-toolbox" target="_blank" ><button class="btn-download">
				下载
			</button></a>
			<a href="https://github.com/One-Studio/CSGO-Toolbox" target="_blank" ><button class="btn-repo">
				<img src="/img/github-fill.svg" class="w-5" alt="github" >
				项目
			</button></a>
		</div>
		
		<p class="text-xs opacity-70 tracking-wider fade-up-5" >当前版本：{{ version }}</p>
	</div>
</template>

<script setup>
// 版本号
const { data: version } = await useFetch('/api/version')

// 动画
const { $ScrollReveal } = useNuxtApp();

// 挂载
onMounted(async () => {
	await nextTick()
	await $ScrollReveal().reveal('.fade-up-1', {delay: 200, duration: 1500, distance: '60px', animated: 'tada', reset: true, easing: 'cubic-bezier(.17,.62,.09,.97)', useDelay: 'always'})
	await $ScrollReveal().reveal('.fade-up-2', {delay: 350, duration: 1200, distance: '60px', animated: 'tada', reset: true, easing: 'cubic-bezier(.17,.62,.09,.97)', useDelay: 'always'})
	await $ScrollReveal().reveal('.fade-up-3', {delay: 550, duration: 1200, distance: '70px', animated: 'tada', reset: true, easing: 'cubic-bezier(.17,.62,.09,.97)', useDelay: 'always'})
	await $ScrollReveal().reveal('.fade-up-4', {delay: 700, duration: 1200, distance: '80px', animated: 'tada', reset: true, easing: 'cubic-bezier(.17,.62,.09,.97)', useDelay: 'always'})
	await $ScrollReveal().reveal('.fade-up-5', {delay: 850, duration: 1200, distance: '90px', animated: 'tada', reset: true, easing: 'cubic-bezier(.17,.62,.09,.97)', useDelay: 'always'})
	// await $ScrollReveal().reveal('.fade-up-short', {duration: 1000, distance: '20px', animated: 'tada', reset: true, easing: 'cubic-bezier(.17,.62,.09,.97)', useDelay: 'always', delay: 200})
})

</script>

<style>
* {
	font-family: -apple-system, "PingFang SC", "Microsoft YaHei", system-ui, Arial, serif;
}

body {
	background: linear-gradient(270deg, rgba(233,181,181,0.62), #F2EAF1);
}

[v-cloak]{
	display: none !important;
}
</style>

<style scoped>
.bg {
	@apply w-[100vw] h-[100vh] p-4 flex flex-col content-center items-center justify-center text-center;
	//background: linear-gradient(270deg, rgba(233,181,181,0.62), #F2EAF1);
}

.logo {
	@apply w-36 shadow-lg hover:shadow-xl duration-300 m-8;
	border-radius: 32px;
}


.title {
	@apply font-bold opacity-80 transition-all;
	font-size: 56px;
	line-height: 64px;
}

@media (max-width: 640px) {
	.title {
		font-size: 48px;
		line-height: 56px;
	}
}

.badge {
	@apply rounded-full bg-white bg-opacity-80 text-[#555] font-normal absolute px-2 py-0.5 -top-1 -right-11;
	font-size: 10px;
	line-height: 18px;
}

.slogan {
	@apply opacity-60 m-3 tracking-widest;
	font-size: 18px;
	line-height: 26px;
}

.btn-group {
	@apply flex gap-3 mt-6 mb-4;
}

.btn-download {
	@apply p-3 w-32 rounded-full text-sm shadow-sm hover:shadow-md hover:bg-[#E87B5C] active:scale-95 transition duration-300 bg-[#FF9071] text-white font-semibold tracking-wider;
}

.btn-repo {
	@apply py-3 px-6 rounded-full text-sm shadow-sm hover:shadow-md active:scale-95 transition duration-300 bg-white bg-opacity-70 flex justify-center items-center gap-1;
}
</style>



================================================
FILE: plugins/ScrollReveal.client.ts
================================================
import ScrollReveal from 'scrollreveal'

export default defineNuxtPlugin((nuxtApp) => {
	
	return {
		provide: {
			ScrollReveal
		}
	}
})


================================================
FILE: server/api/version.ts
================================================
export default defineEventHandler( async (event) => {
	return await $fetch('https://api.upup.cool/get/CSGO-Toolbox/version')
})


================================================
FILE: tailwind.config.js
================================================
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./components/**/*.{vue,js}",
    "./layouts/**/*.vue",
    "./pages/**/*.vue",
    "./plugins/**/*.{js,ts}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}


================================================
FILE: tsconfig.json
================================================
{
  // https://v3.nuxtjs.org/concepts/typescript
  "extends": "./.nuxt/tsconfig.json"
}