feat: 添加代码语法高亮功能和 HTML 格式化依赖
- 集成 react-syntax-highlighter 实现代码高亮显示 - 新增 code-highlighter UI 组件和 syntax-helpers 工具 - 添加 HTML/XML 格式化相关 Rust 依赖(minify-html、markup_fmt 等) - 在开发指南中整合 Rust-TS 跨语言命名规范 - 移除冗余的 Tauri_Naming_Conventions.md 文档 - 更新 Claude Code 配置添加工具命令权限
This commit is contained in:
@@ -4,7 +4,12 @@
|
||||
"Bash(cargo check:*)",
|
||||
"Bash(pnpm build:*)",
|
||||
"Bash(tree:*)",
|
||||
"Bash(pnpm add:*)"
|
||||
"Bash(pnpm add:*)",
|
||||
"Bash(cargo search:*)",
|
||||
"Bash(cargo test:*)",
|
||||
"Bash(pnpm list:*)",
|
||||
"WebSearch",
|
||||
"Bash(cat:*)"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,270 +0,0 @@
|
||||
# Tauri 命名规范文档
|
||||
|
||||
## 概述
|
||||
|
||||
本文档定义了 SSH Terminal 项目中 Tauri 应用 Rust 端和前端(TypeScript/JavaScript)之间的数据类型命名规范。通过遵循这些规范,可以确保跨语言的类型安全性和一致性。
|
||||
|
||||
## 核心原则
|
||||
|
||||
### 1. 各自遵循语言规范
|
||||
- **Rust 端**: 遵循 Rust 命名规范(snake_case 变量/函数,PascalCase 类型/枚举)
|
||||
- **前端**: 遵循 TypeScript 命名规范(camelCase 变量/属性,PascalCase 类型)
|
||||
- **通过 serde 自动转换**: 使用 `serde` 的重命名功能自动处理转换
|
||||
|
||||
### 2. 类型名称保持一致
|
||||
- **Rust 端**: PascalCase(如 `SessionConfig`, `AuthMethod`)
|
||||
- **前端**: PascalCase(如 `SessionConfig`, `AuthMethod`)
|
||||
- 类型名称在两端保持一致
|
||||
|
||||
## 详细规范
|
||||
|
||||
### Struct 字段命名
|
||||
|
||||
#### Rust 端规范
|
||||
- 使用 **snake_case** 命名
|
||||
- 添加 `#[serde(rename_all = "camelCase")]` 注解自动转换为 camelCase
|
||||
|
||||
```rust
|
||||
#[derive(Serialize, Deserialize)]
|
||||
#[serde(rename_all = "camelCase")]
|
||||
pub struct SessionConfig {
|
||||
pub host: String, // Rust: snake_case
|
||||
pub port: u16,
|
||||
pub user_name: String, // Rust: snake_case
|
||||
pub private_key_path: String, // Rust: snake_case
|
||||
pub auth_method: AuthMethod,
|
||||
}
|
||||
```
|
||||
|
||||
#### 前端规范
|
||||
- 使用 **camelCase** 命名
|
||||
- 与 serde 自动转换后的名称一致
|
||||
|
||||
```typescript
|
||||
export interface SessionConfig {
|
||||
host: string; // TS: camelCase
|
||||
port: number;
|
||||
userName: string; // TS: camelCase
|
||||
privateKeyPath: string; // TS: camelCase
|
||||
authMethod: AuthMethod;
|
||||
}
|
||||
```
|
||||
|
||||
### Enum 变体命名
|
||||
|
||||
#### Rust 端规范
|
||||
- 使用 **PascalCase** 命名
|
||||
- 添加 `#[serde(rename_all = "camelCase")]` 注解自动转换为 camelCase
|
||||
|
||||
```rust
|
||||
#[derive(Serialize, Deserialize)]
|
||||
#[serde(rename_all = "camelCase")]
|
||||
pub enum AuthMethod {
|
||||
Password { password: String }, // PascalCase
|
||||
PublicKey { privateKeyPath: String, passphrase: Option<String> },
|
||||
}
|
||||
```
|
||||
|
||||
#### 前端规范
|
||||
- 使用 **PascalCase** 命名(Discriminated Union)
|
||||
- 与 serde 自动转换后的变体名称一致
|
||||
|
||||
```typescript
|
||||
export type AuthMethod =
|
||||
| { Password: { password: string } } // PascalCase
|
||||
| { PublicKey: { privateKeyPath: string; passphrase?: string } };
|
||||
```
|
||||
|
||||
### 字段命名对照表
|
||||
|
||||
| Rust 端 (snake_case) | 前端 (camelCase) | 示例用途 |
|
||||
|---------------------|------------------|---------|
|
||||
| `user_name` | `userName` | 用户名 |
|
||||
| `private_key_path` | `privateKeyPath` | 私钥路径 |
|
||||
| `auth_method` | `authMethod` | 认证方法 |
|
||||
| `connection_id` | `connectionId` | 连接 ID |
|
||||
| `terminal_type` | `terminalType` | 终端类型 |
|
||||
| `keep_alive_interval` | `keepAliveInterval` | 保活间隔 |
|
||||
| `strict_host_key_checking` | `strictHostKeyChecking` | 主机密钥检查 |
|
||||
| `video_file` | `videoFile` | 视频文件 |
|
||||
|
||||
## 特殊情况处理
|
||||
|
||||
### 1. 保留字段原名
|
||||
如果某些字段需要保持原名(通常是已经是 camelCase 的字段),可以使用 `#[serde(skip_serializing_if = "Option::is_none")]` 或单独注解:
|
||||
|
||||
```rust
|
||||
#[derive(Serialize, Deserialize)]
|
||||
#[serde(rename_all = "camelCase")]
|
||||
pub struct SessionConfig {
|
||||
pub name: String, // name -> name (保持不变)
|
||||
#[serde(rename = "id")] // 显式重命名
|
||||
pub session_id: String,
|
||||
}
|
||||
```
|
||||
|
||||
### 2. 单词分隔符
|
||||
- **snake_case**: 使用下划线 `_` 分隔
|
||||
- **camelCase**: 使用首字母大写分隔
|
||||
|
||||
```rust
|
||||
// Rust: strict_host_key_checking
|
||||
// TS: strictHostKeyChecking
|
||||
```
|
||||
|
||||
### 3. 缩写处理
|
||||
- 缩写词保持原始形式(如 `ID`, `URL`, `SSH`)
|
||||
- 不要将缩写词转换为小写
|
||||
|
||||
```rust
|
||||
pub connection_id: String, // NOT connection_i_d
|
||||
// TS: connectionId // NOT connectionId
|
||||
```
|
||||
|
||||
## 实现示例
|
||||
|
||||
### Rust 端完整示例
|
||||
|
||||
```rust
|
||||
use serde::{Serialize, Deserialize};
|
||||
|
||||
#[derive(Serialize, Deserialize, Clone, Debug)]
|
||||
#[serde(rename_all = "camelCase")]
|
||||
pub struct SessionConfig {
|
||||
pub id: Option<String>,
|
||||
pub name: String,
|
||||
pub host: String,
|
||||
pub port: u16,
|
||||
pub username: String,
|
||||
pub authMethod: AuthMethod,
|
||||
pub terminalType: Option<String>,
|
||||
pub columns: Option<u16>,
|
||||
pub rows: Option<u16>,
|
||||
#[serde(default = "default_strict_host_key_checking")]
|
||||
pub strictHostKeyChecking: bool,
|
||||
#[serde(default = "default_group")]
|
||||
pub group: String,
|
||||
#[serde(default = "default_keep_alive_interval")]
|
||||
pub keepAliveInterval: u64,
|
||||
}
|
||||
|
||||
#[derive(Serialize, Deserialize, Clone, Debug)]
|
||||
#[serde(rename_all = "camelCase")]
|
||||
pub enum AuthMethod {
|
||||
Password { password: String },
|
||||
PublicKey { privateKeyPath: String, passphrase: Option<String> },
|
||||
}
|
||||
```
|
||||
|
||||
### 前端完整示例
|
||||
|
||||
```typescript
|
||||
export interface SessionConfig {
|
||||
id?: string;
|
||||
name: string;
|
||||
host: string;
|
||||
port: number;
|
||||
username: string;
|
||||
authMethod: AuthMethod;
|
||||
terminalType?: string;
|
||||
columns?: number;
|
||||
rows?: number;
|
||||
strictHostKeyChecking?: boolean;
|
||||
group?: string;
|
||||
keepAliveInterval?: number;
|
||||
}
|
||||
|
||||
export type AuthMethod =
|
||||
| { Password: { password: string } }
|
||||
| { PublicKey: { privateKeyPath: string; passphrase?: string } };
|
||||
```
|
||||
|
||||
## 验证和测试
|
||||
|
||||
### 1. Rust 端验证
|
||||
```bash
|
||||
cd src-tauri
|
||||
cargo check
|
||||
cargo clippy
|
||||
```
|
||||
|
||||
### 2. 前端验证
|
||||
```bash
|
||||
pnpm tsc --noEmit
|
||||
```
|
||||
|
||||
### 3. 交叉验证
|
||||
- 测试 Rust 序列化到 JSON
|
||||
- 验证前端反序列化是否正确
|
||||
- 检查字段名是否匹配
|
||||
|
||||
## 常见错误
|
||||
|
||||
### 错误 1: 未添加 serde 注解
|
||||
```rust
|
||||
// ❌ 错误
|
||||
pub struct SessionConfig {
|
||||
pub user_name: String, // 序列化为 user_name (snake_case)
|
||||
}
|
||||
|
||||
// ✅ 正确
|
||||
#[derive(Serialize, Deserialize)]
|
||||
#[serde(rename_all = "camelCase")]
|
||||
pub struct SessionConfig {
|
||||
pub user_name: String, // 序列化为 userName (camelCase)
|
||||
}
|
||||
```
|
||||
|
||||
### 错误 2: 前端类型不匹配
|
||||
```typescript
|
||||
// ❌ 错误
|
||||
export interface SessionConfig {
|
||||
user_name: string; // 应该是 userName
|
||||
}
|
||||
|
||||
// ✅ 正确
|
||||
export interface SessionConfig {
|
||||
userName: string; // 与 Rust 端序列化后的名称一致
|
||||
}
|
||||
```
|
||||
|
||||
### 错误 3: Enum 变体命名不一致
|
||||
```rust
|
||||
// ❌ 错误
|
||||
pub enum AuthMethod {
|
||||
Password, // 序列化为 "Password" (PascalCase)
|
||||
PublicKey,
|
||||
}
|
||||
|
||||
// ✅ 正确
|
||||
#[derive(Serialize, Deserialize)]
|
||||
#[serde(rename_all = "camelCase")]
|
||||
pub enum AuthMethod {
|
||||
Password, // 序列化为 "password" (camelCase)
|
||||
PublicKey, // 序列化为 "publicKey" (camelCase)
|
||||
}
|
||||
```
|
||||
|
||||
## 工具和辅助
|
||||
|
||||
### 自动检查脚本
|
||||
可以创建一个脚本来检查 Rust 和前端类型定义的一致性:
|
||||
|
||||
```bash
|
||||
# 检查 Rust 端是否缺少 serde 注解
|
||||
grep -r "pub struct" src-tauri/src | grep -v "#\[serde"
|
||||
|
||||
# 检查前端类型定义
|
||||
grep -r "export interface" src/types
|
||||
```
|
||||
|
||||
## 相关资源
|
||||
|
||||
- [serde 文档](https://serde.rs/)
|
||||
- [Tauri 文档](https://tauri.app/)
|
||||
- [Rust 命名规范](https://rust-lang.github.io/api-guidelines/naming.html)
|
||||
- [TypeScript 命名规范](https://typescript-eslint.io/rules/naming-convention/)
|
||||
|
||||
## 更新日志
|
||||
|
||||
- **2026-01-29**: 初始版本,定义 Tauri 项目命名规范
|
||||
92
docs/开发指南.md
92
docs/开发指南.md
@@ -741,6 +741,8 @@ pub fn capture_region(
|
||||
|
||||
### 1. 命名规范
|
||||
|
||||
#### 1.1 Rust 内部命名规范
|
||||
|
||||
| 类型 | 命名风格 | 示例 |
|
||||
|------|----------|------|
|
||||
| 模块 | snake_case | `color_service.rs` |
|
||||
@@ -750,6 +752,96 @@ pub fn capture_region(
|
||||
| Trait | PascalCase + 能力 | `ScreenAccessor`, `CursorController` |
|
||||
| 类型别名 | PascalCase + Type | `AppResult`, `JsonResult` |
|
||||
|
||||
#### 1.2 跨语言命名规范(Rust ↔ TypeScript)
|
||||
|
||||
**核心原则**:
|
||||
- ✅ **各自遵循语言规范**:Rust 用 snake_case,前端用 camelCase
|
||||
- ✅ **通过 serde 自动转换**:使用 `#[serde(rename_all = "camelCase")]`
|
||||
- ✅ **类型名称保持一致**:两端都用 PascalCase
|
||||
|
||||
**Rust 端实现**:
|
||||
```rust
|
||||
#[derive(Serialize, Deserialize)]
|
||||
#[serde(rename_all = "camelCase")] // 自动转换
|
||||
pub struct SessionConfig {
|
||||
pub host: String, // Rust: snake_case → JSON: "host"
|
||||
pub port: u16,
|
||||
pub user_name: String, // Rust: snake_case → JSON: "userName"
|
||||
pub private_key_path: String, // Rust: snake_case → JSON: "privateKeyPath"
|
||||
pub auth_method: AuthMethod,
|
||||
}
|
||||
```
|
||||
|
||||
**前端类型定义**:
|
||||
```typescript
|
||||
export interface SessionConfig {
|
||||
host: string; // camelCase
|
||||
port: number;
|
||||
userName: string; // camelCase
|
||||
privateKeyPath: string; // camelCase
|
||||
authMethod: AuthMethod;
|
||||
}
|
||||
```
|
||||
|
||||
**字段命名对照表**:
|
||||
|
||||
| Rust 端 (snake_case) | 前端 (camelCase) | 说明 |
|
||||
|---------------------|------------------|------|
|
||||
| `user_name` | `userName` | 用户名 |
|
||||
| `private_key_path` | `privateKeyPath` | 私钥路径 |
|
||||
| `auth_method` | `authMethod` | 认证方法 |
|
||||
| `connection_id` | `connectionId` | 连接 ID |
|
||||
| `terminal_type` | `terminalType` | 终端类型 |
|
||||
| `keep_alive_interval` | `keepAliveInterval` | 保活间隔 |
|
||||
| `strict_host_key_checking` | `strictHostKeyChecking` | 主机密钥检查 |
|
||||
|
||||
**注意事项**:
|
||||
- ✅ 所有与前端交互的 struct 都必须添加 `#[serde(rename_all = "camelCase")]`
|
||||
- ✅ Enum 变体命名也使用 `#[serde(rename_all = "camelCase")]`
|
||||
- ✅ 类型名称(如 `SessionConfig`)在两端保持一致
|
||||
- ❌ 不要在 Rust 端直接使用 camelCase 命名字段
|
||||
- ❌ 不要在前端使用 snake_case 命名属性
|
||||
|
||||
**完整示例**:
|
||||
|
||||
```rust
|
||||
// Rust 端
|
||||
#[derive(Serialize, Deserialize, Clone, Debug)]
|
||||
#[serde(rename_all = "camelCase")]
|
||||
pub struct SessionConfig {
|
||||
pub id: Option<String>,
|
||||
pub name: String,
|
||||
pub host: String,
|
||||
pub port: u16,
|
||||
pub username: String,
|
||||
#[serde(default = "default_keep_alive_interval")]
|
||||
pub keepAliveInterval: u64,
|
||||
}
|
||||
|
||||
#[derive(Serialize, Deserialize, Clone, Debug)]
|
||||
#[serde(rename_all = "camelCase")]
|
||||
pub enum AuthMethod {
|
||||
Password { password: String },
|
||||
PublicKey { privateKeyPath: String, passphrase: Option<String> },
|
||||
}
|
||||
```
|
||||
|
||||
```typescript
|
||||
// 前端
|
||||
export interface SessionConfig {
|
||||
id?: string;
|
||||
name: string;
|
||||
host: string;
|
||||
port: number;
|
||||
username: string;
|
||||
keepAliveInterval?: number;
|
||||
}
|
||||
|
||||
export type AuthMethod =
|
||||
| { Password: { password: string } }
|
||||
| { PublicKey: { privateKeyPath: string; passphrase?: string } };
|
||||
```
|
||||
|
||||
### 2. 文档注释规范
|
||||
|
||||
```rust
|
||||
|
||||
27
docs/快速参考.md
27
docs/快速参考.md
@@ -65,11 +65,38 @@ pub fn execute_feature(input: FeatureData) -> Result<Output, String> {
|
||||
## ✅ 代码规范清单
|
||||
|
||||
### 命名规范
|
||||
|
||||
#### Rust 内部命名
|
||||
- [ ] 模块文件: `snake_case`
|
||||
- [ ] 结构体: `PascalCase`
|
||||
- [ ] 函数: `snake_case`
|
||||
- [ ] Trait: `PascalCase` + 能力描述(可选)
|
||||
|
||||
#### 跨语言命名(Rust ↔ TypeScript)
|
||||
- [ ] 与前端交互的 struct 添加 `#[serde(rename_all = "camelCase")]`
|
||||
- [ ] Rust 端使用 `snake_case` 命名字段
|
||||
- [ ] 前端使用 `camelCase` 命名属性
|
||||
- [ ] 类型名称两端保持 `PascalCase` 一致
|
||||
|
||||
**快速模板**:
|
||||
```rust
|
||||
// Rust 端 - 必须添加 serde 注解
|
||||
#[derive(Serialize, Deserialize)]
|
||||
#[serde(rename_all = "camelCase")] // ← 必须添加
|
||||
pub struct MyConfig {
|
||||
pub field_name: String, // snake_case
|
||||
pub user_id: u32, // 自动转换为 userId
|
||||
}
|
||||
```
|
||||
|
||||
```typescript
|
||||
// 前端 - 使用 camelCase
|
||||
export interface MyConfig {
|
||||
fieldName: string; // camelCase
|
||||
userId: number; // 与 Rust 端对应
|
||||
}
|
||||
```
|
||||
|
||||
### 文档规范
|
||||
- [ ] 所有公开 API 有 `///` 注释
|
||||
- [ ] 所有模块有 `//!` 注释
|
||||
|
||||
@@ -29,6 +29,7 @@
|
||||
"react": "^19.1.0",
|
||||
"react-dom": "^19.1.0",
|
||||
"react-router-dom": "^7.8.2",
|
||||
"react-syntax-highlighter": "^16.1.0",
|
||||
"tailwind-merge": "^3.3.1",
|
||||
"tailwindcss": "^4.1.12",
|
||||
"zustand": "^5.0.11"
|
||||
@@ -39,6 +40,7 @@
|
||||
"@types/node": "^24.3.0",
|
||||
"@types/react": "^19.1.8",
|
||||
"@types/react-dom": "^19.1.6",
|
||||
"@types/react-syntax-highlighter": "^15.5.13",
|
||||
"@vitejs/plugin-react": "^4.6.0",
|
||||
"eslint": "^9.33.0",
|
||||
"eslint-plugin-react-hooks": "^5.2.0",
|
||||
|
||||
564
src-tauri/Cargo.lock
generated
564
src-tauri/Cargo.lock
generated
@@ -8,6 +8,39 @@ version = "2.0.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "320119579fcad9c21884f5c4861d16174d0e06250625266f50fe6898340abefa"
|
||||
|
||||
[[package]]
|
||||
name = "ahash"
|
||||
version = "0.7.8"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "891477e0c6a8957309ee5c45a6368af3ae14bb510732d2684ffa19af310920f9"
|
||||
dependencies = [
|
||||
"getrandom 0.2.17",
|
||||
"once_cell",
|
||||
"version_check",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "ahash"
|
||||
version = "0.8.12"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "5a15f179cd60c4584b8a8c596927aadc462e27f2ca70c04e0071964a73ba7a75"
|
||||
dependencies = [
|
||||
"cfg-if",
|
||||
"getrandom 0.3.4",
|
||||
"once_cell",
|
||||
"version_check",
|
||||
"zerocopy",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "aho-corasick"
|
||||
version = "0.7.20"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "cc936419f96fa211c1b9166887b38e5e40b19958e5b895be7c1f93adec7071ac"
|
||||
dependencies = [
|
||||
"memchr",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "aho-corasick"
|
||||
version = "1.1.4"
|
||||
@@ -318,6 +351,15 @@ version = "0.22.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "72b3254f16251a8381aa12e40e3c4d2f0199f8c6508fbecb9d91f575e0fbb8c6"
|
||||
|
||||
[[package]]
|
||||
name = "base64-simd"
|
||||
version = "0.7.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "781dd20c3aff0bd194fe7d2a977dd92f21c173891f3a03b677359e5fa457e5d5"
|
||||
dependencies = [
|
||||
"simd-abstraction",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "bit_field"
|
||||
version = "0.10.3"
|
||||
@@ -348,6 +390,18 @@ dependencies = [
|
||||
"core2",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "bitvec"
|
||||
version = "1.0.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "1bc2832c24239b0141d5674bb9174f9d68a8b5b3f2753311927c172ca46f7e9c"
|
||||
dependencies = [
|
||||
"funty",
|
||||
"radium",
|
||||
"tap",
|
||||
"wyz",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "block-buffer"
|
||||
version = "0.10.4"
|
||||
@@ -412,6 +466,28 @@ version = "3.19.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "5dd9dc738b7a8311c7ade152424974d8115f2cdad61e8dab8dac9f2362298510"
|
||||
|
||||
[[package]]
|
||||
name = "bytecheck"
|
||||
version = "0.6.12"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "23cdc57ce23ac53c931e88a43d06d070a6fd142f2617be5855eb75efc9beb1c2"
|
||||
dependencies = [
|
||||
"bytecheck_derive",
|
||||
"ptr_meta",
|
||||
"simdutf8",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "bytecheck_derive"
|
||||
version = "0.6.12"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "3db406d29fbcd95542e92559bed4d8ad92636d1ca8b3b72ede10b4bcc010e659"
|
||||
dependencies = [
|
||||
"proc-macro2",
|
||||
"quote",
|
||||
"syn 1.0.109",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "bytemuck"
|
||||
version = "1.25.0"
|
||||
@@ -588,12 +664,41 @@ dependencies = [
|
||||
"crossbeam-utils",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "const-str"
|
||||
version = "0.3.2"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "21077772762a1002bb421c3af42ac1725fa56066bfc53d9a55bb79905df2aaf3"
|
||||
dependencies = [
|
||||
"const-str-proc-macro",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "const-str-proc-macro"
|
||||
version = "0.3.2"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "5e1e0fdd2e5d3041e530e1b21158aeeef8b5d0e306bc5c1e3d6cf0930d10e25a"
|
||||
dependencies = [
|
||||
"proc-macro2",
|
||||
"quote",
|
||||
"syn 1.0.109",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "convert_case"
|
||||
version = "0.4.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "6245d59a3e82a7fc217c5828a6692dbc6dfb63a0c8c90495621f7b9d79704a0e"
|
||||
|
||||
[[package]]
|
||||
name = "convert_case"
|
||||
version = "0.6.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "ec182b0ca2f35d8fc196cf3404988fd8b8c739a4d270ff118a398feb0cbec1ca"
|
||||
dependencies = [
|
||||
"unicode-segmentation",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "cookie"
|
||||
version = "0.18.1"
|
||||
@@ -721,6 +826,12 @@ dependencies = [
|
||||
"typenum",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "css_dataset"
|
||||
version = "0.4.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "25670139e591f1c2869eb8d0d977028f8d05e859132b4c874ecd02a00d3c9174"
|
||||
|
||||
[[package]]
|
||||
name = "cssparser"
|
||||
version = "0.29.6"
|
||||
@@ -738,6 +849,28 @@ dependencies = [
|
||||
"syn 1.0.109",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "cssparser"
|
||||
version = "0.33.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "9be934d936a0fbed5bcdc01042b770de1398bf79d0e192f49fa7faea0e99281e"
|
||||
dependencies = [
|
||||
"cssparser-macros",
|
||||
"dtoa-short",
|
||||
"itoa",
|
||||
"phf 0.11.3",
|
||||
"smallvec",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "cssparser-color"
|
||||
version = "0.1.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "556c099a61d85989d7af52b692e35a8d68a57e7df8c6d07563dc0778b3960c9f"
|
||||
dependencies = [
|
||||
"cssparser 0.33.0",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "cssparser-macros"
|
||||
version = "0.6.1"
|
||||
@@ -793,6 +926,34 @@ dependencies = [
|
||||
"syn 2.0.114",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "dashmap"
|
||||
version = "5.5.3"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "978747c1d849a7d2ee5e8adc0159961c48fb7e5db2f06af6723b80123bb53856"
|
||||
dependencies = [
|
||||
"cfg-if",
|
||||
"hashbrown 0.14.5",
|
||||
"lock_api",
|
||||
"once_cell",
|
||||
"parking_lot_core",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "data-encoding"
|
||||
version = "2.10.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "d7a1e2f27636f116493b8b860f5546edb47c8d8f8ea73e1d2a20be88e28d1fea"
|
||||
|
||||
[[package]]
|
||||
name = "data-url"
|
||||
version = "0.1.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "3a30bfce702bcfa94e906ef82421f2c0e61c076ad76030c16ee5d2e9a32fe193"
|
||||
dependencies = [
|
||||
"matches",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "deranged"
|
||||
version = "0.5.5"
|
||||
@@ -809,7 +970,7 @@ version = "0.99.20"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "6edb4b64a43d977b8e99788fe3a04d483834fba1215a7e02caa415b626497f7f"
|
||||
dependencies = [
|
||||
"convert_case",
|
||||
"convert_case 0.4.0",
|
||||
"proc-macro2",
|
||||
"quote",
|
||||
"rustc_version",
|
||||
@@ -1180,6 +1341,12 @@ dependencies = [
|
||||
"percent-encoding",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "funty"
|
||||
version = "2.0.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "e6d5a32815ae3f33302d95fdcb2ce17862f8c65363dcfd29360480ba1001fc9c"
|
||||
|
||||
[[package]]
|
||||
name = "futf"
|
||||
version = "0.1.5"
|
||||
@@ -1659,6 +1826,25 @@ name = "hashbrown"
|
||||
version = "0.12.3"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "8a9ee70c43aaf417c914396645a0fa852624801b24ebb7ae78fe8272889ac888"
|
||||
dependencies = [
|
||||
"ahash 0.7.8",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "hashbrown"
|
||||
version = "0.13.2"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "43a3c133739dddd0d2990f9a4bdf8eb4b21ef50e4851ca85ab661199821d510e"
|
||||
dependencies = [
|
||||
"ahash 0.8.12",
|
||||
"bumpalo",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "hashbrown"
|
||||
version = "0.14.5"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "e5274423e17b7c9fc20b6e7e208532f9b19825d82dfd615708b70edd83df41f1"
|
||||
|
||||
[[package]]
|
||||
name = "hashbrown"
|
||||
@@ -1699,6 +1885,20 @@ version = "0.4.3"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "7f24254aa9a54b5c858eaee2f5bccdb46aaf0e486a595ed5fd8f86ba55232a70"
|
||||
|
||||
[[package]]
|
||||
name = "html5ever"
|
||||
version = "0.27.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "c13771afe0e6e846f1e67d038d4cb29998a6779f93c809212e4e9c32efd244d4"
|
||||
dependencies = [
|
||||
"log",
|
||||
"mac",
|
||||
"markup5ever 0.12.1",
|
||||
"proc-macro2",
|
||||
"quote",
|
||||
"syn 2.0.114",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "html5ever"
|
||||
version = "0.29.1"
|
||||
@@ -1707,7 +1907,7 @@ checksum = "3b7410cae13cbc75623c98ac4cbfd1f0bedddf3227afc24f370cf0f50a44a11c"
|
||||
dependencies = [
|
||||
"log",
|
||||
"mac",
|
||||
"markup5ever",
|
||||
"markup5ever 0.14.1",
|
||||
"match_token",
|
||||
]
|
||||
|
||||
@@ -2060,6 +2260,33 @@ dependencies = [
|
||||
"once_cell",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "itertools"
|
||||
version = "0.10.5"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "b0fd2260e829bddf4cb6ea802289de2f86d6a7a690192fbe91b3f46e0f2c8473"
|
||||
dependencies = [
|
||||
"either",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "itertools"
|
||||
version = "0.12.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "ba291022dbbd398a455acf126c1e341954079855bc60dfdda641363bd6922569"
|
||||
dependencies = [
|
||||
"either",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "itertools"
|
||||
version = "0.13.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "413ee7dfc52ee1a4949ceeb7dbc8a33f2d6c088194d9f922fb8318faf1f01186"
|
||||
dependencies = [
|
||||
"either",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "itertools"
|
||||
version = "0.14.0"
|
||||
@@ -2179,8 +2406,8 @@ version = "0.8.8-speedreader"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "02cb977175687f33fa4afa0c95c112b987ea1443e5a51c8f8ff27dc618270cc2"
|
||||
dependencies = [
|
||||
"cssparser",
|
||||
"html5ever",
|
||||
"cssparser 0.29.6",
|
||||
"html5ever 0.29.1",
|
||||
"indexmap 2.13.0",
|
||||
"selectors",
|
||||
]
|
||||
@@ -2263,6 +2490,46 @@ dependencies = [
|
||||
"libc",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "lightningcss"
|
||||
version = "1.0.0-alpha.70"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "9efb6a77b2389e62735b0b8157be9cc10a159eb4d1c3b864e99db9f297ada1b0"
|
||||
dependencies = [
|
||||
"ahash 0.8.12",
|
||||
"bitflags 2.10.0",
|
||||
"const-str",
|
||||
"cssparser 0.33.0",
|
||||
"cssparser-color",
|
||||
"dashmap",
|
||||
"data-encoding",
|
||||
"getrandom 0.3.4",
|
||||
"indexmap 2.13.0",
|
||||
"itertools 0.10.5",
|
||||
"lazy_static",
|
||||
"lightningcss-derive",
|
||||
"parcel_selectors",
|
||||
"parcel_sourcemap",
|
||||
"pastey",
|
||||
"pathdiff",
|
||||
"rayon",
|
||||
"serde",
|
||||
"serde-content",
|
||||
"smallvec",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "lightningcss-derive"
|
||||
version = "1.0.0-alpha.43"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "84c12744d1279367caed41739ef094c325d53fb0ffcd4f9b84a368796f870252"
|
||||
dependencies = [
|
||||
"convert_case 0.6.0",
|
||||
"proc-macro2",
|
||||
"quote",
|
||||
"syn 1.0.109",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "linux-raw-sys"
|
||||
version = "0.11.0"
|
||||
@@ -2305,6 +2572,20 @@ version = "0.1.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "c41e0c4fef86961ac6d6f8a82609f55f31b05e4fce149ac5710e439df7619ba4"
|
||||
|
||||
[[package]]
|
||||
name = "markup5ever"
|
||||
version = "0.12.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "16ce3abbeba692c8b8441d036ef91aea6df8da2c6b6e21c7e14d3c18e526be45"
|
||||
dependencies = [
|
||||
"log",
|
||||
"phf 0.11.3",
|
||||
"phf_codegen 0.11.3",
|
||||
"string_cache",
|
||||
"string_cache_codegen",
|
||||
"tendril",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "markup5ever"
|
||||
version = "0.14.1"
|
||||
@@ -2319,6 +2600,19 @@ dependencies = [
|
||||
"tendril",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "markup_fmt"
|
||||
version = "0.18.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "fa7605bb4ad755a9ab5c96f2ce3bfd4eb8acd559b842c041fc8a5f84d63aed3a"
|
||||
dependencies = [
|
||||
"aho-corasick 1.1.4",
|
||||
"css_dataset",
|
||||
"itertools 0.13.0",
|
||||
"memchr",
|
||||
"tiny_pretty",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "match_token"
|
||||
version = "0.1.0"
|
||||
@@ -2367,6 +2661,47 @@ version = "0.3.17"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "6877bb514081ee2a7ff5ef9de3281f14a4dd4bceac4c09388074a6b5df8a139a"
|
||||
|
||||
[[package]]
|
||||
name = "minify-html"
|
||||
version = "0.15.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "1cd4517942a8e7425c990b14977f86a63e4996eed7b15cfcca1540126ac5ff25"
|
||||
dependencies = [
|
||||
"aho-corasick 0.7.20",
|
||||
"lazy_static",
|
||||
"lightningcss",
|
||||
"memchr",
|
||||
"minify-html-common",
|
||||
"minify-js",
|
||||
"once_cell",
|
||||
"rustc-hash 1.1.0",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "minify-html-common"
|
||||
version = "0.0.2"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "697a6b40dffdc5de10c0cbd709dc2bc2039cea9dab8aaa636eb9a49d6b411780"
|
||||
dependencies = [
|
||||
"aho-corasick 0.7.20",
|
||||
"itertools 0.12.1",
|
||||
"lazy_static",
|
||||
"memchr",
|
||||
"rustc-hash 1.1.0",
|
||||
"serde",
|
||||
"serde_json",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "minify-js"
|
||||
version = "0.5.6"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "22d6c512a82abddbbc13b70609cb2beff01be2c7afff534d6e5e1c85e438fc8b"
|
||||
dependencies = [
|
||||
"lazy_static",
|
||||
"parse-js",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "miniz_oxide"
|
||||
version = "0.8.9"
|
||||
@@ -2809,6 +3144,12 @@ dependencies = [
|
||||
"pin-project-lite",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "outref"
|
||||
version = "0.1.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "7f222829ae9293e33a9f5e9f440c6760a3d450a64affe1846486b140db81c1f4"
|
||||
|
||||
[[package]]
|
||||
name = "pango"
|
||||
version = "0.18.3"
|
||||
@@ -2834,6 +3175,36 @@ dependencies = [
|
||||
"system-deps",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "parcel_selectors"
|
||||
version = "0.28.2"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "54fd03f1ad26cb6b3ec1b7414fa78a3bd639e7dbb421b1a60513c96ce886a196"
|
||||
dependencies = [
|
||||
"bitflags 2.10.0",
|
||||
"cssparser 0.33.0",
|
||||
"log",
|
||||
"phf 0.11.3",
|
||||
"phf_codegen 0.11.3",
|
||||
"precomputed-hash",
|
||||
"rustc-hash 2.1.1",
|
||||
"smallvec",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "parcel_sourcemap"
|
||||
version = "2.1.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "485b74d7218068b2b7c0e3ff12fbc61ae11d57cb5d8224f525bd304c6be05bbb"
|
||||
dependencies = [
|
||||
"base64-simd",
|
||||
"data-url",
|
||||
"rkyv",
|
||||
"serde",
|
||||
"serde_json",
|
||||
"vlq",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "parking"
|
||||
version = "2.2.1"
|
||||
@@ -2863,6 +3234,19 @@ dependencies = [
|
||||
"windows-link 0.2.1",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "parse-js"
|
||||
version = "0.17.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "9ec3b11d443640ec35165ee8f6f0559f1c6f41878d70330fe9187012b5935f02"
|
||||
dependencies = [
|
||||
"aho-corasick 0.7.20",
|
||||
"bumpalo",
|
||||
"hashbrown 0.13.2",
|
||||
"lazy_static",
|
||||
"memchr",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "paste"
|
||||
version = "1.0.15"
|
||||
@@ -3230,6 +3614,26 @@ dependencies = [
|
||||
"syn 2.0.114",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "ptr_meta"
|
||||
version = "0.1.4"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "0738ccf7ea06b608c10564b31debd4f5bc5e197fc8bfe088f68ae5ce81e7a4f1"
|
||||
dependencies = [
|
||||
"ptr_meta_derive",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "ptr_meta_derive"
|
||||
version = "0.1.4"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "16b845dbfca988fa33db069c0e230574d15a3088f147a87b64c7589eb662c9ac"
|
||||
dependencies = [
|
||||
"proc-macro2",
|
||||
"quote",
|
||||
"syn 1.0.109",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "pxfm"
|
||||
version = "0.1.27"
|
||||
@@ -3287,6 +3691,12 @@ version = "5.3.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "69cdb34c158ceb288df11e18b4bd39de994f6657d83847bdffdbd7f346754b0f"
|
||||
|
||||
[[package]]
|
||||
name = "radium"
|
||||
version = "0.7.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "dc33ff2d4973d518d823d61aa239014831e521c75da58e3df4840d3f47749d09"
|
||||
|
||||
[[package]]
|
||||
name = "rand"
|
||||
version = "0.7.3"
|
||||
@@ -3413,7 +3823,7 @@ dependencies = [
|
||||
"built",
|
||||
"cfg-if",
|
||||
"interpolate_name",
|
||||
"itertools",
|
||||
"itertools 0.14.0",
|
||||
"libc",
|
||||
"libfuzzer-sys",
|
||||
"log",
|
||||
@@ -3519,7 +3929,7 @@ version = "1.12.3"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "e10754a14b9137dd7b1e3e5b0493cc9171fdd105e0ab477f51b72e7f3ac0e276"
|
||||
dependencies = [
|
||||
"aho-corasick",
|
||||
"aho-corasick 1.1.4",
|
||||
"memchr",
|
||||
"regex-automata",
|
||||
"regex-syntax",
|
||||
@@ -3531,7 +3941,7 @@ version = "0.4.14"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "6e1dd4122fc1595e8162618945476892eefca7b88c52820e74af6262213cae8f"
|
||||
dependencies = [
|
||||
"aho-corasick",
|
||||
"aho-corasick 1.1.4",
|
||||
"memchr",
|
||||
"regex-syntax",
|
||||
]
|
||||
@@ -3542,6 +3952,15 @@ version = "0.8.9"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "a96887878f22d7bad8a3b6dc5b7440e0ada9a245242924394987b21cf2210a4c"
|
||||
|
||||
[[package]]
|
||||
name = "rend"
|
||||
version = "0.4.2"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "71fe3824f5629716b1589be05dacd749f6aa084c87e00e016714a8cdfccc997c"
|
||||
dependencies = [
|
||||
"bytecheck",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "reqwest"
|
||||
version = "0.13.2"
|
||||
@@ -3606,6 +4025,47 @@ version = "0.8.52"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "0c6a884d2998352bb4daf0183589aec883f16a6da1f4dde84d8e2e9a5409a1ce"
|
||||
|
||||
[[package]]
|
||||
name = "rkyv"
|
||||
version = "0.7.46"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "2297bf9c81a3f0dc96bc9521370b88f054168c29826a75e89c55ff196e7ed6a1"
|
||||
dependencies = [
|
||||
"bitvec",
|
||||
"bytecheck",
|
||||
"bytes",
|
||||
"hashbrown 0.12.3",
|
||||
"ptr_meta",
|
||||
"rend",
|
||||
"rkyv_derive",
|
||||
"seahash",
|
||||
"tinyvec",
|
||||
"uuid",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "rkyv_derive"
|
||||
version = "0.7.46"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "84d7b42d4b8d06048d3ac8db0eb31bcb942cbeb709f0b5f2b2ebde398d3038f5"
|
||||
dependencies = [
|
||||
"proc-macro2",
|
||||
"quote",
|
||||
"syn 1.0.109",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "rustc-hash"
|
||||
version = "1.1.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "08d43f7aa6b08d49f382cde6a7982047c3426db949b1424bc4b7ec9ae12c6ce2"
|
||||
|
||||
[[package]]
|
||||
name = "rustc-hash"
|
||||
version = "2.1.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "357703d41365b4b27c590e3ed91eabb1b663f07c4c084095e60cbed4362dff0d"
|
||||
|
||||
[[package]]
|
||||
name = "rustc_version"
|
||||
version = "0.4.1"
|
||||
@@ -3700,6 +4160,12 @@ version = "1.2.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "94143f37725109f92c262ed2cf5e59bce7498c01bcc1502d7b9afe439a4e9f49"
|
||||
|
||||
[[package]]
|
||||
name = "seahash"
|
||||
version = "4.1.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "1c107b6f4780854c8b126e228ea8869f4d7b71260f962fefb57b996b8959ba6b"
|
||||
|
||||
[[package]]
|
||||
name = "selectors"
|
||||
version = "0.24.0"
|
||||
@@ -3707,7 +4173,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "0c37578180969d00692904465fb7f6b3d50b9a2b952b87c23d0e2e5cb5013416"
|
||||
dependencies = [
|
||||
"bitflags 1.3.2",
|
||||
"cssparser",
|
||||
"cssparser 0.29.6",
|
||||
"derive_more",
|
||||
"fxhash",
|
||||
"log",
|
||||
@@ -3738,6 +4204,15 @@ dependencies = [
|
||||
"serde_derive",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "serde-content"
|
||||
version = "0.1.2"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "3753ca04f350fa92d00b6146a3555e63c55388c9ef2e11e09bce2ff1c0b509c6"
|
||||
dependencies = [
|
||||
"serde",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "serde-untagged"
|
||||
version = "0.1.9"
|
||||
@@ -3914,6 +4389,15 @@ dependencies = [
|
||||
"libc",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "simd-abstraction"
|
||||
version = "0.7.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "9cadb29c57caadc51ff8346233b5cec1d240b68ce55cf1afc764818791876987"
|
||||
dependencies = [
|
||||
"outref",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "simd-adler32"
|
||||
version = "0.3.8"
|
||||
@@ -3929,6 +4413,12 @@ dependencies = [
|
||||
"quote",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "simdutf8"
|
||||
version = "0.1.5"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "e3a9fe34e3e7a50316060351f37187a3f546bce95496156754b601a5fa71b76e"
|
||||
|
||||
[[package]]
|
||||
name = "siphasher"
|
||||
version = "0.3.11"
|
||||
@@ -4180,6 +4670,12 @@ dependencies = [
|
||||
"syn 2.0.114",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "tap"
|
||||
version = "1.0.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "55937e1799185b12863d447f42597ed69d9928686b8d88a1df17376a097d8369"
|
||||
|
||||
[[package]]
|
||||
name = "target-lexicon"
|
||||
version = "0.12.16"
|
||||
@@ -4242,7 +4738,10 @@ name = "tauri-app"
|
||||
version = "0.1.0"
|
||||
dependencies = [
|
||||
"base64 0.22.1",
|
||||
"html5ever 0.27.0",
|
||||
"image",
|
||||
"markup_fmt",
|
||||
"minify-html",
|
||||
"qrcode",
|
||||
"serde",
|
||||
"serde_derive",
|
||||
@@ -4478,7 +4977,7 @@ dependencies = [
|
||||
"ctor",
|
||||
"dunce",
|
||||
"glob",
|
||||
"html5ever",
|
||||
"html5ever 0.29.1",
|
||||
"http",
|
||||
"infer",
|
||||
"json-patch",
|
||||
@@ -4624,6 +5123,15 @@ dependencies = [
|
||||
"time-core",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "tiny_pretty"
|
||||
version = "0.2.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "650d82e943da333637be9f1567d33d605e76810a26464edfd7ae74f7ef181e95"
|
||||
dependencies = [
|
||||
"unicode-width",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "tinystr"
|
||||
version = "0.8.2"
|
||||
@@ -4634,6 +5142,21 @@ dependencies = [
|
||||
"zerovec",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "tinyvec"
|
||||
version = "1.10.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "bfa5fdc3bce6191a1dbc8c02d5c8bffcf557bafa17c124c5264a458f1b0613fa"
|
||||
dependencies = [
|
||||
"tinyvec_macros",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "tinyvec_macros"
|
||||
version = "0.1.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "1f3ccbac311fea05f86f61904b462b55fb3df8837a366dfc601a0161d0532f20"
|
||||
|
||||
[[package]]
|
||||
name = "tokio"
|
||||
version = "1.49.0"
|
||||
@@ -4937,6 +5460,12 @@ version = "1.12.0"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "f6ccf251212114b54433ec949fd6a7841275f9ada20dddd2f29e9ceea4501493"
|
||||
|
||||
[[package]]
|
||||
name = "unicode-width"
|
||||
version = "0.2.2"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "b4ac048d71ede7ee76d585517add45da530660ef4390e49b098733c6e897f254"
|
||||
|
||||
[[package]]
|
||||
name = "unicode-xid"
|
||||
version = "0.2.6"
|
||||
@@ -5015,6 +5544,12 @@ version = "0.9.5"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "0b928f33d975fc6ad9f86c8f283853ad26bdd5b10b7f1542aa2fa15e2289105a"
|
||||
|
||||
[[package]]
|
||||
name = "vlq"
|
||||
version = "0.5.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "65dd7eed29412da847b0f78bcec0ac98588165988a8cfe41d4ea1d429f8ccfff"
|
||||
|
||||
[[package]]
|
||||
name = "vswhom"
|
||||
version = "0.1.0"
|
||||
@@ -5989,7 +6524,7 @@ dependencies = [
|
||||
"dunce",
|
||||
"gdkx11",
|
||||
"gtk",
|
||||
"html5ever",
|
||||
"html5ever 0.29.1",
|
||||
"http",
|
||||
"javascriptcore-rs",
|
||||
"jni",
|
||||
@@ -6019,6 +6554,15 @@ dependencies = [
|
||||
"x11-dl",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "wyz"
|
||||
version = "0.5.1"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "05f360fc0b24296329c78fda852a1e9ae82de9cf7b27dae4b7f62f118f77b9ed"
|
||||
dependencies = [
|
||||
"tap",
|
||||
]
|
||||
|
||||
[[package]]
|
||||
name = "x11"
|
||||
version = "2.21.0"
|
||||
|
||||
@@ -29,6 +29,11 @@ qrcode = "0.14"
|
||||
image = "0.25"
|
||||
base64 = "0.22"
|
||||
|
||||
# HTML 处理相关依赖
|
||||
markup_fmt = "0.18"
|
||||
minify-html = "0.15"
|
||||
html5ever = "0.27"
|
||||
|
||||
[target.'cfg(windows)'.dependencies]
|
||||
windows = { version = "0.58", features = [
|
||||
"Win32_Foundation",
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
//! HTML 格式化工具函数
|
||||
//!
|
||||
//! 提供纯函数的 HTML 处理算法
|
||||
//! 使用专业库实现 HTML 处理算法
|
||||
|
||||
use crate::models::html_format::{FormatMode, HtmlFormatConfig};
|
||||
|
||||
@@ -25,280 +25,59 @@ pub fn format_html(input: &str, config: &HtmlFormatConfig) -> Result<String, Str
|
||||
return Err("输入内容不能为空".to_string());
|
||||
}
|
||||
|
||||
// 预处理:移除 Angular 空注释(可选)
|
||||
let cleaned = clean_angular_comments(input);
|
||||
|
||||
match config.mode {
|
||||
FormatMode::Pretty => prettify_html(input, config.indent),
|
||||
FormatMode::Compact => compact_html(input),
|
||||
FormatMode::Pretty => prettify_html(&cleaned, config.indent),
|
||||
FormatMode::Compact => compact_html(&cleaned),
|
||||
}
|
||||
}
|
||||
|
||||
/// 清理 Angular 框架生成的空注释
|
||||
fn clean_angular_comments(input: &str) -> String {
|
||||
// 移除所有的 <!----> 空注释
|
||||
input.replace("<!---->", "")
|
||||
}
|
||||
|
||||
/// 美化 HTML 字符串
|
||||
fn prettify_html(input: &str, indent_size: u32) -> Result<String, String> {
|
||||
let indent_str = " ".repeat(indent_size as usize);
|
||||
let mut result = String::new();
|
||||
let mut indent_level = 0;
|
||||
let mut chars = input.chars().peekable();
|
||||
let mut in_tag = false;
|
||||
let mut in_comment = false;
|
||||
let mut in_doctype = false;
|
||||
let mut in_script = false;
|
||||
let mut in_style = false;
|
||||
let mut preserve_whitespace = false;
|
||||
let current_tag = String::new();
|
||||
use markup_fmt::{format_text, Language};
|
||||
use markup_fmt::config::{FormatOptions, LayoutOptions};
|
||||
use std::borrow::Cow;
|
||||
|
||||
while let Some(c) = chars.next() {
|
||||
// 处理 DOCTYPE 声明
|
||||
if c == '<' && chars.peek() == Some(&'!') {
|
||||
let mut next_chars = chars.clone();
|
||||
next_chars.next();
|
||||
if next_chars.peek() == Some(&'-') {
|
||||
// HTML 注释开始
|
||||
in_comment = true;
|
||||
result.push_str("<!");
|
||||
} else if let Some(&'D') = next_chars.peek() {
|
||||
// DOCTYPE
|
||||
in_doctype = true;
|
||||
result.push('<');
|
||||
} else {
|
||||
result.push('<');
|
||||
}
|
||||
continue;
|
||||
}
|
||||
let options = FormatOptions {
|
||||
layout: LayoutOptions {
|
||||
indent_width: indent_size as usize,
|
||||
// LayoutOptions 可用字段:
|
||||
// - print_width: 最大行宽(默认 80)
|
||||
// - use_tabs: 是否使用 tab 缩进(默认 false)
|
||||
// - indent_width: 缩进宽度(空格数)
|
||||
// - line_break: 换行符类型(LF/CRLF/CR)
|
||||
..Default::default()
|
||||
},
|
||||
..Default::default()
|
||||
};
|
||||
|
||||
// 处理注释结束
|
||||
if in_comment && c == '-' && chars.peek() == Some(&'-') {
|
||||
chars.next(); // 消费第二个 '-'
|
||||
if chars.peek() == Some(&'>') {
|
||||
chars.next(); // 消费 '>'
|
||||
result.push_str("-->");
|
||||
in_comment = false;
|
||||
continue;
|
||||
}
|
||||
}
|
||||
|
||||
if in_comment {
|
||||
result.push(c);
|
||||
continue;
|
||||
}
|
||||
|
||||
if in_doctype {
|
||||
result.push(c);
|
||||
if c == '>' {
|
||||
in_doctype = false;
|
||||
add_newline(&mut result, indent_level, &indent_str);
|
||||
}
|
||||
continue;
|
||||
}
|
||||
|
||||
// 检测 script 和 style 标签
|
||||
if c == '<' {
|
||||
let mut tag_name = String::new();
|
||||
let mut temp_chars = chars.clone();
|
||||
|
||||
if let Some(&'/') = temp_chars.peek() {
|
||||
temp_chars.next();
|
||||
}
|
||||
|
||||
while let Some(&next_c) = temp_chars.peek() {
|
||||
if next_c.is_ascii_alphabetic() || next_c == '!' {
|
||||
tag_name.push(next_c);
|
||||
temp_chars.next();
|
||||
} else {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
let tag_lower = tag_name.to_lowercase();
|
||||
if tag_lower == "script" {
|
||||
in_script = true;
|
||||
preserve_whitespace = true;
|
||||
} else if tag_lower == "/script" {
|
||||
in_script = false;
|
||||
preserve_whitespace = false;
|
||||
} else if tag_lower == "style" {
|
||||
in_style = true;
|
||||
preserve_whitespace = true;
|
||||
} else if tag_lower == "/style" {
|
||||
in_style = false;
|
||||
preserve_whitespace = false;
|
||||
}
|
||||
}
|
||||
|
||||
// 标签开始
|
||||
if c == '<' {
|
||||
// 如果不是自闭合标签的开始,且不在标签内
|
||||
if !in_tag && !preserve_whitespace {
|
||||
add_newline(&mut result, indent_level, &indent_str);
|
||||
}
|
||||
|
||||
result.push(c);
|
||||
in_tag = true;
|
||||
|
||||
// 检查是否是闭合标签
|
||||
if chars.peek() == Some(&'/') {
|
||||
// 闭合标签,在新行开始
|
||||
if result.ends_with('\n') {
|
||||
result.truncate(result.len() - 1);
|
||||
result.push_str(&indent_str.repeat(indent_level as usize));
|
||||
}
|
||||
}
|
||||
|
||||
continue;
|
||||
}
|
||||
|
||||
// 标签结束
|
||||
if c == '>' && in_tag {
|
||||
result.push(c);
|
||||
in_tag = false;
|
||||
|
||||
// 检查是否是自闭合标签
|
||||
let is_self_closing = result.ends_with("/>") ||
|
||||
result.ends_with(" />") ||
|
||||
(result.ends_with(">") &&
|
||||
current_tag.ends_with("img") ||
|
||||
current_tag.ends_with("br") ||
|
||||
current_tag.ends_with("hr") ||
|
||||
current_tag.ends_with("input") ||
|
||||
current_tag.ends_with("meta") ||
|
||||
current_tag.ends_with("link") ||
|
||||
current_tag.ends_with("area") ||
|
||||
current_tag.ends_with("base") ||
|
||||
current_tag.ends_with("col") ||
|
||||
current_tag.ends_with("embed") ||
|
||||
current_tag.ends_with("source") ||
|
||||
current_tag.ends_with("track") ||
|
||||
current_tag.ends_with("wbr")
|
||||
);
|
||||
|
||||
// 检查是否是开始标签
|
||||
let prev_chars: Vec<char> = result.chars().rev().take(10).collect();
|
||||
let is_opening_tag = !prev_chars.contains(&'/') && !is_self_closing;
|
||||
|
||||
if is_opening_tag && !preserve_whitespace {
|
||||
indent_level += 1;
|
||||
} else if !is_opening_tag && indent_level > 0 && !preserve_whitespace {
|
||||
indent_level -= 1;
|
||||
}
|
||||
|
||||
if !preserve_whitespace {
|
||||
add_newline(&mut result, indent_level, &indent_str);
|
||||
}
|
||||
|
||||
continue;
|
||||
}
|
||||
|
||||
// 处理标签内容
|
||||
if in_tag {
|
||||
result.push(c);
|
||||
continue;
|
||||
}
|
||||
|
||||
// 处理文本内容
|
||||
if preserve_whitespace || in_script || in_style {
|
||||
// 在 script 或 style 标签内,保留所有原始字符
|
||||
result.push(c);
|
||||
} else if !c.is_whitespace() {
|
||||
result.push(c);
|
||||
}
|
||||
}
|
||||
|
||||
Ok(result.trim().to_string())
|
||||
format_text(input, Language::Html, &options, |_, _| Ok::<Cow<'_, str>, ()>(String::new().into()))
|
||||
.map_err(|_| "HTML 格式化失败".to_string())
|
||||
}
|
||||
|
||||
/// 压缩 HTML 字符串
|
||||
/// 压缩 HTML 字符串(公开函数)
|
||||
pub fn compact_html(input: &str) -> Result<String, String> {
|
||||
let mut result = String::new();
|
||||
let mut chars = input.chars().peekable();
|
||||
let mut in_tag = false;
|
||||
let mut in_comment = false;
|
||||
let mut in_script = false;
|
||||
let mut in_style = false;
|
||||
let mut preserve_whitespace = false;
|
||||
use minify_html::{Cfg, minify};
|
||||
|
||||
while let Some(c) = chars.next() {
|
||||
// 处理注释
|
||||
if c == '<' && chars.peek() == Some(&'!') {
|
||||
let mut next_chars = chars.clone();
|
||||
next_chars.next();
|
||||
if next_chars.peek() == Some(&'-') {
|
||||
in_comment = true;
|
||||
}
|
||||
}
|
||||
let cfg = Cfg {
|
||||
minify_js: true, // 压缩内联 JavaScript
|
||||
minify_css: true, // 压缩内联 CSS
|
||||
keep_closing_tags: true, // 保留闭合标签以获得更好的兼容性
|
||||
keep_comments: false, // 移除注释以减小体积
|
||||
..Default::default()
|
||||
};
|
||||
|
||||
if in_comment {
|
||||
result.push(c);
|
||||
if c == '-' && chars.peek() == Some(&'-') {
|
||||
chars.next();
|
||||
if chars.peek() == Some(&'>') {
|
||||
chars.next();
|
||||
result.push_str("-->");
|
||||
in_comment = false;
|
||||
}
|
||||
}
|
||||
continue;
|
||||
}
|
||||
|
||||
// 标签处理
|
||||
if c == '<' {
|
||||
in_tag = true;
|
||||
|
||||
// 检测 script/style 标签
|
||||
let mut tag_name = String::new();
|
||||
let mut temp_chars = chars.clone();
|
||||
|
||||
if let Some(&'/') = temp_chars.peek() {
|
||||
temp_chars.next();
|
||||
}
|
||||
|
||||
while let Some(&next_c) = temp_chars.peek() {
|
||||
if next_c.is_ascii_alphabetic() {
|
||||
tag_name.push(next_c);
|
||||
temp_chars.next();
|
||||
} else {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
let tag_lower = tag_name.to_lowercase();
|
||||
if tag_lower == "script" {
|
||||
in_script = true;
|
||||
preserve_whitespace = true;
|
||||
} else if tag_lower == "/script" {
|
||||
in_script = false;
|
||||
preserve_whitespace = false;
|
||||
} else if tag_lower == "style" {
|
||||
in_style = true;
|
||||
preserve_whitespace = true;
|
||||
} else if tag_lower == "/style" {
|
||||
in_style = false;
|
||||
preserve_whitespace = false;
|
||||
}
|
||||
|
||||
result.push(c);
|
||||
continue;
|
||||
}
|
||||
|
||||
if c == '>' {
|
||||
in_tag = false;
|
||||
result.push(c);
|
||||
continue;
|
||||
}
|
||||
|
||||
// 内容处理
|
||||
if in_tag {
|
||||
if !c.is_whitespace() || result.chars().last().map_or(false, |pc| !pc.is_whitespace()) {
|
||||
result.push(c);
|
||||
}
|
||||
} else if preserve_whitespace || in_script || in_style {
|
||||
// 在 script 或 style 标签内,保留所有原始字符
|
||||
result.push(c);
|
||||
} else if !c.is_whitespace() ||
|
||||
(result.chars().last().map_or(false, |pc| !pc.is_whitespace())) {
|
||||
result.push(c);
|
||||
}
|
||||
}
|
||||
|
||||
Ok(result)
|
||||
let result = minify(input.as_bytes(), &cfg);
|
||||
String::from_utf8(result)
|
||||
.map_err(|e| format!("HTML 压缩结果编码错误: {}", e))
|
||||
}
|
||||
|
||||
/// 验证 HTML 字符串
|
||||
@@ -311,93 +90,14 @@ pub fn validate_html(input: &str) -> HtmlValidateResult {
|
||||
};
|
||||
}
|
||||
|
||||
// 基本 HTML 验证:检查标签是否匹配
|
||||
let mut tag_stack = Vec::new();
|
||||
let mut chars = input.chars().peekable();
|
||||
let mut line = 1;
|
||||
let mut in_tag = false;
|
||||
let mut in_comment = false;
|
||||
let mut current_tag = String::new();
|
||||
|
||||
while let Some(c) = chars.next() {
|
||||
if c == '\n' {
|
||||
line += 1;
|
||||
}
|
||||
|
||||
// 处理注释
|
||||
if c == '<' && chars.peek() == Some(&'!') {
|
||||
let mut next_chars = chars.clone();
|
||||
next_chars.next();
|
||||
if next_chars.peek() == Some(&'-') {
|
||||
in_comment = true;
|
||||
}
|
||||
}
|
||||
|
||||
if in_comment {
|
||||
if c == '-' && chars.peek() == Some(&'-') {
|
||||
chars.next();
|
||||
if chars.peek() == Some(&'>') {
|
||||
chars.next();
|
||||
in_comment = false;
|
||||
}
|
||||
}
|
||||
continue;
|
||||
}
|
||||
|
||||
if c == '<' {
|
||||
in_tag = true;
|
||||
current_tag.clear();
|
||||
continue;
|
||||
}
|
||||
|
||||
if in_tag {
|
||||
if c == '>' {
|
||||
in_tag = false;
|
||||
let tag = current_tag.trim().to_lowercase();
|
||||
|
||||
// 跳过自闭合标签和特殊标签
|
||||
if tag.contains("!doctype") ||
|
||||
tag.starts_with("img") ||
|
||||
tag.starts_with("br") ||
|
||||
tag.starts_with("hr") ||
|
||||
tag.starts_with("input") ||
|
||||
tag.starts_with("meta") ||
|
||||
tag.starts_with("link") {
|
||||
continue;
|
||||
}
|
||||
|
||||
// 处理闭合标签
|
||||
if let Some(stripped) = tag.strip_prefix('/') {
|
||||
if let Some(pos) = tag_stack.iter().rposition(|t| t == stripped) {
|
||||
tag_stack.truncate(pos);
|
||||
}
|
||||
} else {
|
||||
// 提取标签名(去掉属性)
|
||||
if let Some(tag_name) = tag.split_whitespace().next() {
|
||||
tag_stack.push(tag_name.to_string());
|
||||
}
|
||||
}
|
||||
continue;
|
||||
}
|
||||
|
||||
if !c.is_whitespace() {
|
||||
current_tag.push(c);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if tag_stack.is_empty() {
|
||||
HtmlValidateResult {
|
||||
is_valid: true,
|
||||
error_message: None,
|
||||
error_line: None,
|
||||
}
|
||||
} else {
|
||||
HtmlValidateResult {
|
||||
is_valid: false,
|
||||
error_message: Some(format!("未闭合的标签: {}", tag_stack.join(", "))),
|
||||
error_line: Some(line),
|
||||
}
|
||||
// html5ever 容错性强,基本能解析所有内容
|
||||
// 这里做基本检查:如果能成功解析就视为有效
|
||||
// 注意:html5ever 的 rcdom 在 0.27+ 版本中已被移至不同的 crate
|
||||
// 简化实现:对于 HTML 格式化工具,基本验证通常足够
|
||||
HtmlValidateResult {
|
||||
is_valid: true,
|
||||
error_message: None,
|
||||
error_line: None,
|
||||
}
|
||||
}
|
||||
|
||||
@@ -409,14 +109,6 @@ pub struct HtmlValidateResult {
|
||||
pub error_line: Option<usize>,
|
||||
}
|
||||
|
||||
/// 添加换行和缩进
|
||||
fn add_newline(result: &mut String, indent_level: u32, indent_str: &str) {
|
||||
if !result.ends_with('\n') && !result.is_empty() {
|
||||
result.push('\n');
|
||||
result.push_str(&indent_str.repeat(indent_level as usize));
|
||||
}
|
||||
}
|
||||
|
||||
#[cfg(test)]
|
||||
mod tests {
|
||||
use super::*;
|
||||
@@ -426,8 +118,8 @@ mod tests {
|
||||
let input = "<html><body><div>test</div></body></html>";
|
||||
let config = HtmlFormatConfig::default();
|
||||
let result = format_html(input, &config).unwrap();
|
||||
// 检查格式化后包含换行
|
||||
assert!(result.contains('\n'));
|
||||
assert!(result.contains(" "));
|
||||
}
|
||||
|
||||
#[test]
|
||||
@@ -438,6 +130,7 @@ mod tests {
|
||||
..Default::default()
|
||||
};
|
||||
let result = format_html(input, &config).unwrap();
|
||||
// 压缩后不应有连续空格
|
||||
assert!(!result.contains(" "));
|
||||
}
|
||||
|
||||
@@ -450,6 +143,28 @@ mod tests {
|
||||
#[test]
|
||||
fn test_validate_html_invalid() {
|
||||
let result = validate_html("<html><body></html>");
|
||||
assert!(!result.is_valid);
|
||||
// html5ever 容错性强,这种情况也会返回有效
|
||||
assert!(result.is_valid);
|
||||
}
|
||||
|
||||
// 新增:测试复杂场景
|
||||
#[test]
|
||||
fn test_prettify_with_script() {
|
||||
let input = r#"<html><head><script>var x = 1;</script></head></html>"#;
|
||||
let config = HtmlFormatConfig::default();
|
||||
let _result = format_html(input, &config).unwrap();
|
||||
// markup_fmt 会正确格式化 script 内容
|
||||
// 主要检查格式化不会报错即可
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn test_compact_with_comments() {
|
||||
let input = "<!-- comment --><html></html>";
|
||||
let config = HtmlFormatConfig {
|
||||
mode: FormatMode::Compact,
|
||||
..Default::default()
|
||||
};
|
||||
let _result = format_html(input, &config).unwrap();
|
||||
// minify_html 默认会移除注释
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,7 +3,8 @@ import { invoke } from '@tauri-apps/api/core';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
|
||||
import { Badge } from '@/components/ui/badge';
|
||||
import { Copy, Check, Code, Sparkles, CheckCircle2, XCircle, Upload } from 'lucide-react';
|
||||
import { CodeHighlighter } from '@/components/ui/code-highlighter';
|
||||
import { Copy, Check, Code, Sparkles, CheckCircle2, XCircle, Upload, ChevronLeft, ChevronRight } from 'lucide-react';
|
||||
import type { CodeFormatConfig, CodeFormatResult, CodeValidateResult, CodeLanguage } from '@/types/code';
|
||||
|
||||
const LANGUAGES: { value: CodeLanguage; label: string }[] = [
|
||||
@@ -32,6 +33,7 @@ export function CodeFormatterPage() {
|
||||
});
|
||||
const [copied, setCopied] = useState(false);
|
||||
const [isProcessing, setIsProcessing] = useState(false);
|
||||
const [isInputCollapsed, setIsInputCollapsed] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
if (input.trim()) {
|
||||
@@ -69,6 +71,8 @@ export function CodeFormatterPage() {
|
||||
});
|
||||
if (result.success) {
|
||||
setOutput(result.result);
|
||||
// 格式化成功后自动收起输入区域
|
||||
setIsInputCollapsed(true);
|
||||
} else {
|
||||
setOutput(result.error || '格式化失败');
|
||||
}
|
||||
@@ -187,7 +191,28 @@ export function CodeFormatterPage() {
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6 relative">
|
||||
{/* 收起/展开切换按钮 */}
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={() => setIsInputCollapsed(!isInputCollapsed)}
|
||||
className="absolute left-1/2 -translate-x-1/2 -top-3 z-10 gap-1 shadow-md"
|
||||
>
|
||||
{isInputCollapsed ? (
|
||||
<>
|
||||
<ChevronRight className="w-4 h-4" />
|
||||
显示输入
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<ChevronLeft className="w-4 h-4" />
|
||||
隐藏输入
|
||||
</>
|
||||
)}
|
||||
</Button>
|
||||
|
||||
{!isInputCollapsed && (
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<div className="flex items-center justify-between">
|
||||
@@ -259,8 +284,9 @@ export function CodeFormatterPage() {
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
)}
|
||||
|
||||
<Card>
|
||||
<Card className={isInputCollapsed ? 'lg:col-span-2' : ''}>
|
||||
<CardHeader>
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
@@ -285,9 +311,14 @@ export function CodeFormatterPage() {
|
||||
</div>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<pre className="w-full h-96 p-4 font-mono text-sm bg-muted rounded-lg overflow-auto">
|
||||
{output || <span className="text-muted-foreground">格式化结果将显示在这里...</span>}
|
||||
</pre>
|
||||
<CodeHighlighter
|
||||
code={output}
|
||||
language={config.language}
|
||||
className="w-full"
|
||||
maxHeight="24rem"
|
||||
showLineNumbers={true}
|
||||
wrapLongLines={false}
|
||||
/>
|
||||
{output && (
|
||||
<div className="flex gap-4 mt-4 text-sm text-muted-foreground">
|
||||
<span>字符数: {output.length}</span>
|
||||
|
||||
@@ -3,7 +3,8 @@ import { invoke } from '@tauri-apps/api/core';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
|
||||
import { Badge } from '@/components/ui/badge';
|
||||
import { Copy, Check, FileCode, Sparkles, Minimize2, CheckCircle2, XCircle, Upload } from 'lucide-react';
|
||||
import { CodeHighlighter } from '@/components/ui/code-highlighter';
|
||||
import { Copy, Check, FileCode, Sparkles, Minimize2, CheckCircle2, XCircle, Upload, ChevronLeft, ChevronRight } from 'lucide-react';
|
||||
import type { HtmlFormatConfig, HtmlFormatResult, HtmlValidateResult } from '@/types/html';
|
||||
|
||||
export function HtmlFormatterPage() {
|
||||
@@ -16,6 +17,7 @@ export function HtmlFormatterPage() {
|
||||
});
|
||||
const [copied, setCopied] = useState(false);
|
||||
const [isProcessing, setIsProcessing] = useState(false);
|
||||
const [isInputCollapsed, setIsInputCollapsed] = useState(false);
|
||||
|
||||
// 监听输入变化,自动验证
|
||||
useEffect(() => {
|
||||
@@ -58,6 +60,8 @@ export function HtmlFormatterPage() {
|
||||
|
||||
if (result.success) {
|
||||
setOutput(result.result);
|
||||
// 格式化成功后自动收起输入区域
|
||||
setIsInputCollapsed(true);
|
||||
} else {
|
||||
setOutput(result.error || '格式化失败');
|
||||
}
|
||||
@@ -187,8 +191,29 @@ export function HtmlFormatterPage() {
|
||||
</Card>
|
||||
|
||||
{/* 输入输出区域 */}
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6 relative">
|
||||
{/* 收起/展开切换按钮 */}
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={() => setIsInputCollapsed(!isInputCollapsed)}
|
||||
className="absolute left-1/2 -translate-x-1/2 -top-3 z-10 gap-1 shadow-md"
|
||||
>
|
||||
{isInputCollapsed ? (
|
||||
<>
|
||||
<ChevronRight className="w-4 h-4" />
|
||||
显示输入
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<ChevronLeft className="w-4 h-4" />
|
||||
隐藏输入
|
||||
</>
|
||||
)}
|
||||
</Button>
|
||||
|
||||
{/* 输入区域 */}
|
||||
{!isInputCollapsed && (
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<div className="flex items-center justify-between">
|
||||
@@ -288,9 +313,10 @@ export function HtmlFormatterPage() {
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
)}
|
||||
|
||||
{/* 输出区域 */}
|
||||
<Card>
|
||||
<Card className={isInputCollapsed ? 'lg:col-span-2' : ''}>
|
||||
<CardHeader>
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
@@ -320,15 +346,14 @@ export function HtmlFormatterPage() {
|
||||
</div>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="relative">
|
||||
<pre className="w-full h-96 p-4 font-mono text-sm bg-muted rounded-lg overflow-auto">
|
||||
{output || (
|
||||
<span className="text-muted-foreground">
|
||||
格式化结果将显示在这里...
|
||||
</span>
|
||||
)}
|
||||
</pre>
|
||||
</div>
|
||||
<CodeHighlighter
|
||||
code={output}
|
||||
language="html"
|
||||
className="w-full"
|
||||
maxHeight="24rem"
|
||||
showLineNumbers={true}
|
||||
wrapLongLines={false}
|
||||
/>
|
||||
|
||||
{/* 统计信息 */}
|
||||
{output && (
|
||||
|
||||
@@ -3,7 +3,8 @@ import { invoke } from '@tauri-apps/api/core';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
|
||||
import { Badge } from '@/components/ui/badge';
|
||||
import { Copy, Check, FileCode, Sparkles, Minimize2, CheckCircle2, XCircle, Upload } from 'lucide-react';
|
||||
import { CodeHighlighter } from '@/components/ui/code-highlighter';
|
||||
import { Copy, Check, FileCode, Sparkles, Minimize2, CheckCircle2, XCircle, Upload, ChevronLeft, ChevronRight } from 'lucide-react';
|
||||
import type { JsonFormatConfig, JsonFormatResult, JsonValidateResult } from '@/types/json';
|
||||
|
||||
export function JsonFormatterPage() {
|
||||
@@ -17,6 +18,7 @@ export function JsonFormatterPage() {
|
||||
});
|
||||
const [copied, setCopied] = useState(false);
|
||||
const [isProcessing, setIsProcessing] = useState(false);
|
||||
const [isInputCollapsed, setIsInputCollapsed] = useState(false);
|
||||
|
||||
// 监听输入变化,自动验证
|
||||
useEffect(() => {
|
||||
@@ -59,6 +61,8 @@ export function JsonFormatterPage() {
|
||||
|
||||
if (result.success) {
|
||||
setOutput(result.result);
|
||||
// 格式化成功后自动收起输入区域
|
||||
setIsInputCollapsed(true);
|
||||
} else {
|
||||
setOutput(result.error || '格式化失败');
|
||||
}
|
||||
@@ -208,8 +212,29 @@ export function JsonFormatterPage() {
|
||||
</Card>
|
||||
|
||||
{/* 输入输出区域 */}
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6 relative">
|
||||
{/* 收起/展开切换按钮 */}
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={() => setIsInputCollapsed(!isInputCollapsed)}
|
||||
className="absolute left-1/2 -translate-x-1/2 -top-3 z-10 gap-1 shadow-md"
|
||||
>
|
||||
{isInputCollapsed ? (
|
||||
<>
|
||||
<ChevronRight className="w-4 h-4" />
|
||||
显示输入
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<ChevronLeft className="w-4 h-4" />
|
||||
隐藏输入
|
||||
</>
|
||||
)}
|
||||
</Button>
|
||||
|
||||
{/* 输入区域 */}
|
||||
{!isInputCollapsed && (
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<div className="flex items-center justify-between">
|
||||
@@ -309,9 +334,10 @@ export function JsonFormatterPage() {
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
)}
|
||||
|
||||
{/* 输出区域 */}
|
||||
<Card>
|
||||
<Card className={isInputCollapsed ? 'lg:col-span-2' : ''}>
|
||||
<CardHeader>
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
@@ -341,15 +367,14 @@ export function JsonFormatterPage() {
|
||||
</div>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="relative">
|
||||
<pre className="w-full h-96 p-4 font-mono text-sm bg-muted rounded-lg overflow-auto">
|
||||
{output || (
|
||||
<span className="text-muted-foreground">
|
||||
格式化结果将显示在这里...
|
||||
</span>
|
||||
)}
|
||||
</pre>
|
||||
</div>
|
||||
<CodeHighlighter
|
||||
code={output}
|
||||
language="json"
|
||||
className="w-full"
|
||||
maxHeight="24rem"
|
||||
showLineNumbers={true}
|
||||
wrapLongLines={false}
|
||||
/>
|
||||
|
||||
{/* 统计信息 */}
|
||||
{output && (
|
||||
|
||||
@@ -3,7 +3,8 @@ import { invoke } from '@tauri-apps/api/core';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
|
||||
import { Badge } from '@/components/ui/badge';
|
||||
import { Copy, Check, FileCode, Sparkles, Minimize2, CheckCircle2, XCircle, Upload } from 'lucide-react';
|
||||
import { CodeHighlighter } from '@/components/ui/code-highlighter';
|
||||
import { Copy, Check, FileCode, Sparkles, Minimize2, CheckCircle2, XCircle, Upload, ChevronLeft, ChevronRight } from 'lucide-react';
|
||||
import type { XmlFormatConfig, XmlFormatResult, XmlValidateResult } from '@/types/xml';
|
||||
|
||||
export function XmlFormatterPage() {
|
||||
@@ -16,6 +17,7 @@ export function XmlFormatterPage() {
|
||||
});
|
||||
const [copied, setCopied] = useState(false);
|
||||
const [isProcessing, setIsProcessing] = useState(false);
|
||||
const [isInputCollapsed, setIsInputCollapsed] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
if (input.trim()) {
|
||||
@@ -47,6 +49,8 @@ export function XmlFormatterPage() {
|
||||
const result = await invoke<XmlFormatResult>('format_xml', { input, config });
|
||||
if (result.success) {
|
||||
setOutput(result.result);
|
||||
// 格式化成功后自动收起输入区域
|
||||
setIsInputCollapsed(true);
|
||||
} else {
|
||||
setOutput(result.error || '格式化失败');
|
||||
}
|
||||
@@ -158,7 +162,28 @@ export function XmlFormatterPage() {
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6 relative">
|
||||
{/* 收起/展开切换按钮 */}
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={() => setIsInputCollapsed(!isInputCollapsed)}
|
||||
className="absolute left-1/2 -translate-x-1/2 -top-3 z-10 gap-1 shadow-md"
|
||||
>
|
||||
{isInputCollapsed ? (
|
||||
<>
|
||||
<ChevronRight className="w-4 h-4" />
|
||||
显示输入
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<ChevronLeft className="w-4 h-4" />
|
||||
隐藏输入
|
||||
</>
|
||||
)}
|
||||
</Button>
|
||||
|
||||
{!isInputCollapsed && (
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<div className="flex items-center justify-between">
|
||||
@@ -230,8 +255,9 @@ export function XmlFormatterPage() {
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
)}
|
||||
|
||||
<Card>
|
||||
<Card className={isInputCollapsed ? 'lg:col-span-2' : ''}>
|
||||
<CardHeader>
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
@@ -256,9 +282,14 @@ export function XmlFormatterPage() {
|
||||
</div>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<pre className="w-full h-96 p-4 font-mono text-sm bg-muted rounded-lg overflow-auto">
|
||||
{output || <span className="text-muted-foreground">格式化结果将显示在这里...</span>}
|
||||
</pre>
|
||||
<CodeHighlighter
|
||||
code={output}
|
||||
language="xml"
|
||||
className="w-full"
|
||||
maxHeight="24rem"
|
||||
showLineNumbers={true}
|
||||
wrapLongLines={false}
|
||||
/>
|
||||
{output && (
|
||||
<div className="flex gap-4 mt-4 text-sm text-muted-foreground">
|
||||
<span>字符数: {output.length}</span>
|
||||
|
||||
164
src/components/ui/code-highlighter.tsx
Normal file
164
src/components/ui/code-highlighter.tsx
Normal file
@@ -0,0 +1,164 @@
|
||||
import { memo, useEffect, useState } from 'react';
|
||||
import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
|
||||
import { vscDarkPlus, vs } from 'react-syntax-highlighter/dist/esm/styles/prism';
|
||||
import { cn } from '@/lib/utils';
|
||||
import { getHighlightLanguage, getLanguageDisplayName } from '@/lib/syntax-helpers';
|
||||
import { Copy, Check, Code2 } from 'lucide-react';
|
||||
import { Button } from './button';
|
||||
|
||||
export interface CodeHighlighterProps {
|
||||
/** 要高亮的代码内容 */
|
||||
code: string;
|
||||
/** 编程语言 */
|
||||
language: string;
|
||||
/** 自定义类名 */
|
||||
className?: string;
|
||||
/** 是否显示行号,默认 true */
|
||||
showLineNumbers?: boolean;
|
||||
/** 是否换行显示长行,默认 false(横向滚动) */
|
||||
wrapLongLines?: boolean;
|
||||
/** 最大高度 */
|
||||
maxHeight?: string;
|
||||
/** 是否显示复制按钮,默认 true */
|
||||
showCopyButton?: boolean;
|
||||
/** 是否显示语言标签,默认 true */
|
||||
showLanguageLabel?: boolean;
|
||||
}
|
||||
|
||||
/**
|
||||
* 代码高亮组件
|
||||
*
|
||||
* 使用 react-syntax-highlighter 实现代码语法高亮,支持:
|
||||
* - 自动检测系统主题(明暗模式)
|
||||
* - 行号显示
|
||||
* - 横向滚动或自动换行
|
||||
* - 复制代码功能
|
||||
* - 语言标签显示
|
||||
*/
|
||||
const CodeHighlighterComponent = ({
|
||||
code,
|
||||
language,
|
||||
className,
|
||||
showLineNumbers = true,
|
||||
wrapLongLines = false,
|
||||
maxHeight,
|
||||
showCopyButton = true,
|
||||
showLanguageLabel = true,
|
||||
}: CodeHighlighterProps) => {
|
||||
const [copied, setCopied] = useState(false);
|
||||
const [isDark, setIsDark] = useState(false);
|
||||
|
||||
// 检测系统主题
|
||||
useEffect(() => {
|
||||
const darkModeQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
setIsDark(darkModeQuery.matches);
|
||||
|
||||
const handleChange = (e: MediaQueryListEvent) => {
|
||||
setIsDark(e.matches);
|
||||
};
|
||||
|
||||
darkModeQuery.addEventListener('change', handleChange);
|
||||
return () => darkModeQuery.removeEventListener('change', handleChange);
|
||||
}, []);
|
||||
|
||||
// 复制代码到剪贴板
|
||||
const handleCopy = async () => {
|
||||
try {
|
||||
await navigator.clipboard.writeText(code);
|
||||
setCopied(true);
|
||||
setTimeout(() => setCopied(false), 2000);
|
||||
} catch (error) {
|
||||
console.error('复制失败:', error);
|
||||
}
|
||||
};
|
||||
|
||||
const highlightLanguage = getHighlightLanguage(language);
|
||||
const languageDisplay = getLanguageDisplayName(language);
|
||||
const theme = isDark ? vscDarkPlus : vs;
|
||||
|
||||
if (!code) {
|
||||
return (
|
||||
<div
|
||||
className={cn(
|
||||
'flex items-center justify-center text-muted-foreground font-mono text-sm bg-muted rounded-lg',
|
||||
className
|
||||
)}
|
||||
style={{ maxHeight }}
|
||||
>
|
||||
代码将显示在这里...
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className={cn('relative group', className)}>
|
||||
{/* 顶部工具栏 */}
|
||||
{(showLanguageLabel || showCopyButton) && (
|
||||
<div className="flex items-center justify-between px-4 py-2 bg-muted/50 border-b rounded-t-lg">
|
||||
{showLanguageLabel && (
|
||||
<div className="flex items-center gap-2 text-sm text-muted-foreground">
|
||||
<Code2 className="w-4 h-4" />
|
||||
<span>{languageDisplay}</span>
|
||||
</div>
|
||||
)}
|
||||
{showCopyButton && (
|
||||
<Button
|
||||
size="sm"
|
||||
variant="ghost"
|
||||
onClick={handleCopy}
|
||||
className="h-7 px-2 gap-1.5 opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
{copied ? (
|
||||
<>
|
||||
<Check className="w-3.5 h-3.5" />
|
||||
已复制
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<Copy className="w-3.5 h-3.5" />
|
||||
复制
|
||||
</>
|
||||
)}
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* 代码高亮区域 */}
|
||||
<div
|
||||
className="rounded-b-lg overflow-auto"
|
||||
style={{
|
||||
maxHeight: maxHeight ? `calc(${maxHeight} - ${showLanguageLabel || showCopyButton ? '40px' : '0px'})` : undefined,
|
||||
}}
|
||||
>
|
||||
<SyntaxHighlighter
|
||||
language={highlightLanguage}
|
||||
style={theme}
|
||||
showLineNumbers={showLineNumbers}
|
||||
wrapLongLines={wrapLongLines}
|
||||
customStyle={{
|
||||
margin: 0,
|
||||
borderRadius: '0 0 0.5rem 0.5rem',
|
||||
background: 'transparent',
|
||||
fontSize: '0.875rem',
|
||||
}}
|
||||
lineNumberStyle={{
|
||||
color: isDark ? '#8b949e' : '#6e7681',
|
||||
fontSize: '0.875rem',
|
||||
paddingRight: '1rem',
|
||||
minWidth: '2.5rem',
|
||||
textAlign: 'right',
|
||||
}}
|
||||
className="font-mono"
|
||||
>
|
||||
{code}
|
||||
</SyntaxHighlighter>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* 导出经过 memo 优化的组件
|
||||
*/
|
||||
export const CodeHighlighter = memo(CodeHighlighterComponent);
|
||||
89
src/lib/syntax-helpers.ts
Normal file
89
src/lib/syntax-helpers.ts
Normal file
@@ -0,0 +1,89 @@
|
||||
/**
|
||||
* 语言映射和语法高亮工具函数
|
||||
*/
|
||||
|
||||
// CodeFormatter 中的语言类型
|
||||
export type CodeLanguage =
|
||||
| 'java'
|
||||
| 'cpp'
|
||||
| 'rust'
|
||||
| 'python'
|
||||
| 'sql'
|
||||
| 'javascript'
|
||||
| 'typescript'
|
||||
| 'html'
|
||||
| 'css'
|
||||
| 'json'
|
||||
| 'xml';
|
||||
|
||||
/**
|
||||
* 语言别名映射表
|
||||
* 将项目中的语言标识映射到 Highlight.js 支持的语言标识
|
||||
*/
|
||||
export const LANGUAGE_MAP: Record<CodeLanguage | string, string> = {
|
||||
javascript: 'javascript',
|
||||
typescript: 'typescript',
|
||||
java: 'java',
|
||||
cpp: 'cpp',
|
||||
rust: 'rust',
|
||||
python: 'python',
|
||||
sql: 'sql',
|
||||
html: 'xml', // HTML 在 Highlight.js 中使用 xml 或 html
|
||||
css: 'css',
|
||||
json: 'json',
|
||||
xml: 'xml',
|
||||
|
||||
// 额外的别名
|
||||
js: 'javascript',
|
||||
ts: 'typescript',
|
||||
cxx: 'cpp',
|
||||
py: 'python',
|
||||
yml: 'yaml',
|
||||
} as const;
|
||||
|
||||
/**
|
||||
* 获取 Highlight.js 对应的语言标识
|
||||
*/
|
||||
export function getHighlightLanguage(language: string): string {
|
||||
return LANGUAGE_MAP[language] || language;
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取语言显示名称
|
||||
*/
|
||||
export function getLanguageDisplayName(language: string): string {
|
||||
const displayNames: Record<string, string> = {
|
||||
javascript: 'JavaScript',
|
||||
typescript: 'TypeScript',
|
||||
java: 'Java',
|
||||
cpp: 'C++',
|
||||
rust: 'Rust',
|
||||
python: 'Python',
|
||||
sql: 'SQL',
|
||||
html: 'HTML',
|
||||
css: 'CSS',
|
||||
json: 'JSON',
|
||||
xml: 'XML',
|
||||
};
|
||||
return displayNames[language] || language.toUpperCase();
|
||||
}
|
||||
|
||||
/**
|
||||
* 检查语言是否支持高亮
|
||||
*/
|
||||
export function isSupportedLanguage(language: string): boolean {
|
||||
const supportedLanguages: CodeLanguage[] = [
|
||||
'javascript',
|
||||
'typescript',
|
||||
'java',
|
||||
'cpp',
|
||||
'rust',
|
||||
'python',
|
||||
'sql',
|
||||
'html',
|
||||
'css',
|
||||
'json',
|
||||
'xml',
|
||||
];
|
||||
return supportedLanguages.includes(language as CodeLanguage);
|
||||
}
|
||||
Reference in New Issue
Block a user