# JE-Skin (SvelteKit + Tauri)

## 环境要求

- Node.js 18+（建议 LTS）
- Rust stable（`rustup` + `cargo`）
- Windows 下请确保已安装 WebView2 Runtime 和 MSVC C++ 构建工具
- Android 构建需要 Android SDK + NDK

## 安装依赖

```sh
npm install
```

## 运行方式

1. 仅启动前端（Vite）

```sh
npm run dev
```

默认地址是 `http://localhost:5173`。

2. 启动 Tauri 桌面应用（前端 + Rust）

```sh
npm run tauri dev
```

## 构建

构建前端静态资源：

```sh
npm run build
```

构建 Tauri 桌面安装包：

```sh
npm run tauri build
```

构建 Android APK / AAB：

```sh
npx tauri android build
```

产物路径：
- APK: `src-tauri/gen/android/app/build/outputs/apk/universal/release/app-universal-release.apk`
- AAB: `src-tauri/gen/android/app/build/outputs/bundle/universalRelease/app-universal-release.aab`

Release APK 默认使用 debug keystore 签名（`src-tauri/gen/android/app/je-skin-debug.keystore`），可直接 `adb install` 到设备。

## 代码检查

```sh
npm run check
```

## v0.4.0 修改记录

### 移动端性能优化

- **SignalChart / SummaryCurve**：在 `@media (max-width: 900px)` 下移除 SVG 路径上的 `filter: drop-shadow()`，避免移动端 GPU 软件回流导致卡顿
- **SignalChart**：隐藏 `.scan-haze`（`mix-blend-mode: screen` 合成开销大），简化面板 `background` / `box-shadow`
- **SummaryCurve**：移动端移除 `.summary-line` 和 `.summary-dot` 的 drop-shadow 滤镜
- **页面级**：移动端隐藏 `.hud-noise`（`feTurbulence` SVG 滤镜是最大性能杀手），降低 `.hud-vignette` 透明度，简化 `.hud-gradient`
- 移除 inactive 面板的 `filter: blur()` 过渡动画
- 移除 transition 中的 `filter` 属性，添加 `will-change: d` 优化路径更新

### 移动端 UI 调整

- **隐藏三大金刚**：`@media (max-width: 900px)` 下隐藏标题栏右侧的最小化/最大化/关闭按钮（Android 系统自带窗口管理）

### Android 打包

- Release 构建配置使用 debug keystore 签名，输出签名 APK 而非 unsigned

## 推荐 IDE 插件

[VS Code](https://code.visualstudio.com/) + [Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)