first commit

.gitignore

@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.output
+stats.html
+stats-*.json
+.wxt
+web-ext.config.ts
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2015 hellokaton
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,78 @@
+# Pixvi - A Chrome Extension for Pixiv Illustrations 🎨
+
+[English](README.md) | [简体中文](README_zh.md)
+
+A Chrome extension built with WXT and shadcn/ui that helps you download and sync Pixiv illustrations to your cloud storage through Alist. Download your favorite artworks in different quality options and manage them effortlessly.
+
+## ✨ Features
+
+- 🖼️ Download Pixiv illustrations with one click
+- 📊 Multiple quality options (High-quality, Standard)
+- ☁️ Sync downloads to cloud storage via Alist
+- 💾 Support various storage backends (Google Drive, OneDrive, etc.)
+- 🎯 Responsive and intuitive user interface
+- ⚡ Fast and efficient downloads
+- 🔒 Local configuration storage for privacy
+
+## 🛠️ Tech Stack
+
+- **Framework**: React + TypeScript
+- **Extension Framework**: WXT (WebExtension Tools)
+- **UI Components**: shadcn/ui
+- **Styling**: Tailwind CSS
+- **Icons**: Lucide React
+- **State Management**: React Hooks
+- **Storage Integration**: Alist API
+
+## 🚀 Getting Started
+
+1. Clone the repository: `git clone https://github.com/hellokaton/pixvi-helper.git`
+2. Install dependencies:
+
+```bash
+pnpm install
+```
+
+3. Start development server:
+
+```bash
+pnpm dev
+```
+
+This will automatically:
+
+- Start the development server
+- Open Chrome with the extension loaded
+- Enable hot reload for development
+
+## 🔧 Configuration
+
+The extension can be configured through the popup settings panel:
+
+- Alist server configuration
+- Download quality preferences
+- Storage backend selection
+- Download path settings
+
+## 💡 Usage
+
+1. Install the extension in Chrome
+2. Configure your Alist server settings
+3. Browse Pixiv and use the download button to save illustrations
+4. Select your preferred quality
+5. The extension will automatically sync downloads to your cloud storage
+
+## 🤝 Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+## 📝 License
+
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+
+## 🙏 Acknowledgments
+
+- Built with [WXT](https://wxt.dev)
+- UI components from [shadcn/ui](https://ui.shadcn.com)
+- Icons from [Lucide](https://lucide.dev)
+- [Alist](https://alist.nn.ci) for cloud storage integration

README_zh.md

@@ -0,0 +1,78 @@
+# Pixvi - Pixiv 插画下载 Chrome 扩展 🎨
+
+[English](README.md) | [简体中文](README_zh.md)
+
+一个基于 WXT 和 shadcn/ui 构建的 Chrome 扩展，帮助您通过 Alist 下载并同步 Pixiv 插画到云存储。支持不同画质选项的下载，让您轻松管理喜爱的作品。
+
+## ✨ 主要特性
+
+- 🖼️ 一键下载 Pixiv 插画
+- 📊 多种画质选项（高质量、标准质量）
+- ☁️ 通过 Alist 同步下载内容到云存储
+- 💾 支持多种存储后端（Google Drive、OneDrive 等）
+- 🎯 响应式直观的用户界面
+- ⚡ 快速高效的下载体验
+- 🔒 本地配置存储保护隐私
+
+## 🛠️ 技术栈
+
+- **框架**: React + TypeScript
+- **扩展框架**: WXT (WebExtension Tools)
+- **UI 组件**: shadcn/ui
+- **样式**: Tailwind CSS
+- **图标**: Lucide React
+- **状态管理**: React Hooks
+- **存储集成**: Alist API
+
+## 🚀 快速开始
+
+1. 克隆仓库：`git clone https://github.com/hellokaton/pixvi-helper.git`
+2. 安装依赖：
+
+```bash
+pnpm install
+```
+
+3. 启动开发服务器：
+
+```bash
+pnpm dev
+```
+
+这将自动：
+
+- 启动开发服务器
+- 打开已加载扩展的 Chrome 浏览器
+- 启用热重载以便开发
+
+## 🔧 配置说明
+
+通过弹出式设置面板可以配置以下内容：
+
+- Alist 服务器配置
+- 下载画质偏好
+- 存储后端选择
+- 下载路径设置
+
+## 💡 使用方法
+
+1. 在 Chrome 中安装扩展
+2. 配置您的 Alist 服务器设置
+3. 浏览 Pixiv 并使用下载按钮保存插画
+4. 选择您偏好的画质
+5. 扩展会自动将下载内容同步到您的云存储
+
+## 🤝 贡献指南
+
+欢迎提交贡献！请随时提交 Pull Request。
+
+## 📝 许可证
+
+本项目采用 MIT 许可证 - 详情请查看 [LICENSE](LICENSE) 文件。
+
+## 🙏 致谢
+
+- 基于 [WXT](https://wxt.dev) 构建
+- UI 组件来自 [shadcn/ui](https://ui.shadcn.com)
+- 图标来自 [Lucide](https://lucide.dev)
+- 云存储集成使用 [Alist](https://alist.nn.ci)

biome.json

@@ -0,0 +1,30 @@
+{
+	"$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+	"vcs": {
+		"enabled": false,
+		"clientKind": "git",
+		"useIgnoreFile": false
+	},
+	"files": {
+		"ignoreUnknown": false,
+		"ignore": []
+	},
+	"formatter": {
+		"enabled": true,
+		"indentStyle": "tab"
+	},
+	"organizeImports": {
+		"enabled": true
+	},
+	"linter": {
+		"enabled": true,
+		"rules": {
+			"recommended": true,
+		}
+	},
+	"javascript": {
+		"formatter": {
+			"quoteStyle": "double"
+		}
+	}
+}

components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "globals.css",
+    "baseColor": "zinc",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}