mirror of
https://github.com/keven1024/015.git
synced 2026-06-07 21:04:33 +00:00
Compare commits
27 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
668a2dd4d8 | ||
|
|
695395ba6a | ||
|
|
a0cff53901 | ||
|
|
7d8075277d | ||
|
|
862b381e65 | ||
|
|
745ae94c49 | ||
|
|
8c60d32ac0 | ||
|
|
2f5388d0a8 | ||
|
|
88b8daa5df | ||
|
|
7a3d03c41f | ||
|
|
0bdea93726 | ||
|
|
f4740f4373 | ||
|
|
1ac21b3dd0 | ||
|
|
76457a6e88 | ||
|
|
41e9df5ee8 | ||
|
|
7f5149566c | ||
|
|
24b4b2dc93 | ||
|
|
9b1b89056d | ||
|
|
46e3cf529c | ||
|
|
3c18fcf8ff | ||
|
|
58403a291a | ||
|
|
28154d09ad | ||
|
|
d77fc85fd3 | ||
|
|
c971e92905 | ||
|
|
a484f8926b | ||
|
|
bee32be989 | ||
|
|
ba7a648cbe |
@@ -17,7 +17,8 @@ steps:
|
|||||||
- ${DRONE_TAG}
|
- ${DRONE_TAG}
|
||||||
- latest
|
- latest
|
||||||
build_args:
|
build_args:
|
||||||
- BUILD_TAG=${DRONE_TAG}
|
- VERSION=${DRONE_TAG}
|
||||||
|
- BUILD_TIME=${DRONE_BUILD_FINISHED}
|
||||||
- name: build-worker
|
- name: build-worker
|
||||||
image: plugins/docker
|
image: plugins/docker
|
||||||
settings:
|
settings:
|
||||||
|
|||||||
16
.env.example
Normal file
16
.env.example
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
# 你的下载secret，每一次下载次数减1的时候都会根据这里的secret生成一个下载jwt token， 有效期一小时，使用该下载token有效期内可以多线程下载该文件而不会被多次扣除次数
|
||||||
|
DOWNLOAD_SECRET="your-secret-token"
|
||||||
|
|
||||||
|
UPLOAD_PATH="/upload" # 上传路径
|
||||||
|
REDIS_URL="redis://127.0.0.1:6379/0" # redis 地址
|
||||||
|
NODE_ENV="production" # 指定系统环境 production 或者 dev
|
||||||
|
MAX_LOCALSTORAGE_SIZE="100GB" # 指定实例最大上传容量，支持填写人类可读的值，比如1TB，500GB等
|
||||||
|
|
||||||
|
# (可选): 系统状态页面显示站长信息的 头像会使用email的gravatar头像，点击是触发mailto:your-email，不填写不显示站长信息
|
||||||
|
ADMIN_EMAIL="keven@fudaoyuan.icu"
|
||||||
|
ADMIN_NAME="keven"
|
||||||
|
|
||||||
|
# 下面的env是前端渲染用到的，SITE_URL必填，对应你的公网域名
|
||||||
|
SITE_TITLE="015"
|
||||||
|
SITE_DESC="015 是一个开源的临时内容分享平台项目, 支持文件和文本上传, 下载, 分享"
|
||||||
|
SITE_URL="http://localhost:5000"
|
||||||
9
.prettierrc
Normal file
9
.prettierrc
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
{
|
||||||
|
"trailingComma": "es5",
|
||||||
|
"tabWidth": 4,
|
||||||
|
"semi": false,
|
||||||
|
"singleQuote": true,
|
||||||
|
"printWidth": 150,
|
||||||
|
"jsxBracketSameLine": false,
|
||||||
|
"bracketSameLine": false
|
||||||
|
}
|
||||||
@@ -2,7 +2,7 @@ FROM node:22-alpine AS front-base
|
|||||||
|
|
||||||
# Install dependencies only when needed
|
# Install dependencies only when needed
|
||||||
FROM front-base AS front-deps
|
FROM front-base AS front-deps
|
||||||
RUN apk add --no-cache libc6-compat
|
RUN apk add --no-cache gcompat
|
||||||
WORKDIR /app
|
WORKDIR /app
|
||||||
COPY . .
|
COPY . .
|
||||||
RUN corepack enable pnpm && pnpm i && pnpm --filter=015-front deploy dist
|
RUN corepack enable pnpm && pnpm i && pnpm --filter=015-front deploy dist
|
||||||
@@ -26,7 +26,8 @@ RUN CGO_ENABLED=0 GOOS=linux go build -o backend
|
|||||||
|
|
||||||
|
|
||||||
FROM front-base AS runner
|
FROM front-base AS runner
|
||||||
ARG BUILD_TAG
|
ARG VERSION
|
||||||
|
ARG BUILD_TIME
|
||||||
WORKDIR /app
|
WORKDIR /app
|
||||||
RUN apk add --no-cache curl openssl
|
RUN apk add --no-cache curl openssl
|
||||||
ENV NODE_ENV production
|
ENV NODE_ENV production
|
||||||
@@ -43,6 +44,8 @@ COPY 015.sh /app/015.sh
|
|||||||
ENV PORT=80 HOST=0.0.0.0
|
ENV PORT=80 HOST=0.0.0.0
|
||||||
ENV SITE_URL="http://localhost"
|
ENV SITE_URL="http://localhost"
|
||||||
ENV UPLOAD_PATH="/uploads"
|
ENV UPLOAD_PATH="/uploads"
|
||||||
|
ENV VERSION=${VERSION}
|
||||||
|
ENV BUILD_TIME=${BUILD_TIME}
|
||||||
|
|
||||||
EXPOSE 80
|
EXPOSE 80
|
||||||
|
|
||||||
|
|||||||
219
README.md
219
README.md
@@ -1,3 +1,220 @@
|
|||||||
# 015
|
# 015
|
||||||
|
|
||||||
这里是send企划
|
015 (/ˈzɪərəʊ wʌn faɪv/, "zero-one-five") is a self-hosted temporary file sharing platform. Focused on providing one-time, temporary file and text upload, processing, and sharing services. The project name originates from [Ichigo](https://darling-in-the-franxx.fandom.com/wiki/Ichigo) from DARLING in the FRANXX.
|
||||||
|
|
||||||
|
A modern file sharing website built with Vue 3 + Nuxt 3 + Go, supporting file upload, text sharing, image compression, concurrent processing, instant transfer functionality, and more, featuring a complete sharing management and access control system.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 🌟 Features
|
||||||
|
|
||||||
|
### Core Functionality
|
||||||
|
|
||||||
|
🖼️ **High-Performance File Upload** - Supports large file chunked uploads with frontend file hash calculation for instant transfer
|
||||||
|
📱 **Responsive Design** - Modern UI based on Tailwind V4 + Reka UI, adapts to various devices
|
||||||
|
⚡ **Concurrent Processing** - Uses Web Worker for frontend hash calculation, backend queue system for task processing
|
||||||
|
🌐 **Multi-language Support** - Complete Chinese and English internationalization support
|
||||||
|
🔗 **Share Management** - Flexible sharing link generation and management system
|
||||||
|
|
||||||
|
### File Processing
|
||||||
|
|
||||||
|
🔄 **Smart Instant Transfer** - Frontend instant transfer detection based on file hash + file size, avoiding duplicate uploads
|
||||||
|
📷 **Image Compression** - Automatic image compression functionality supporting multiple formats
|
||||||
|
🖼️ **File Preview** - Supports preview of images, videos, audio, documents, and various file types
|
||||||
|
📊 **Upload Statistics** - Real-time display of upload progress and file information
|
||||||
|
🌈 **Resume Upload** - Supports resuming uploads after interruption
|
||||||
|
|
||||||
|
### Advanced Features
|
||||||
|
|
||||||
|
🎛️ **Share Control** - Supports password protection, download count limits, and expiration time settings
|
||||||
|
🔍 **Pickup Code System** - Supports pickup code sharing, simplifying sharing difficulty
|
||||||
|
⚡ **Queue Processing** - Asynchronous task processing system based on Redis + Asynq
|
||||||
|
🗂️ **File Management** - Complete file lifecycle management
|
||||||
|
📷 **Image Processing** - Image compression, format conversion, and other processing features
|
||||||
|
🏷️ **Download Control** - Download token management system based on JWT
|
||||||
|
|
||||||
|
## 📸 Screenshots
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 🏗️ Technical Architecture
|
||||||
|
|
||||||
|
### Frontend Tech Stack
|
||||||
|
|
||||||
|
- **Vue 3** - Progressive JavaScript framework
|
||||||
|
- **Nuxt 3** - Vue.js full-stack framework
|
||||||
|
- **TypeScript** - Complete type safety
|
||||||
|
- **Tailwind CSS** - Atomic CSS framework
|
||||||
|
- **Reka UI** - Modern component library
|
||||||
|
- **Pinia** - State management
|
||||||
|
- **TanStack Query** - Data fetching and caching
|
||||||
|
- **Vue Router** - Routing management
|
||||||
|
- **i18next** - Internationalization support
|
||||||
|
|
||||||
|
### Backend Tech Stack
|
||||||
|
|
||||||
|
- **Go 1.23** - High-performance server-side language
|
||||||
|
- **Echo** - High-performance HTTP framework
|
||||||
|
- **Redis** - Caching and session storage
|
||||||
|
- **Asynq** - Asynchronous task queue
|
||||||
|
- **JWT** - Authentication
|
||||||
|
- **Zap** - Structured logging
|
||||||
|
|
||||||
|
### Build System
|
||||||
|
|
||||||
|
- **Node.js** - Server-side runtime
|
||||||
|
- **pnpm** - Fast package manager
|
||||||
|
- **Husky** - Git hooks management
|
||||||
|
- **Prettier** - Code formatting
|
||||||
|
- **Lint-staged** - Staged file checking
|
||||||
|
|
||||||
|
### Storage Architecture
|
||||||
|
|
||||||
|
- **File Storage** - Local file system storage
|
||||||
|
- **Redis Cache** - Share information and file metadata caching
|
||||||
|
- **Queue System** - Asynchronous task processing queue
|
||||||
|
|
||||||
|
## 🚀 Quick Start
|
||||||
|
|
||||||
|
### Requirements
|
||||||
|
|
||||||
|
- Node.js 18+
|
||||||
|
- Go 1.23+
|
||||||
|
- Redis 6+
|
||||||
|
- pnpm 9+
|
||||||
|
|
||||||
|
### Install Dependencies
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Install root dependencies
|
||||||
|
pnpm install
|
||||||
|
|
||||||
|
# Install frontend dependencies
|
||||||
|
cd front && pnpm install
|
||||||
|
|
||||||
|
# Install backend dependencies
|
||||||
|
cd backend && go mod download
|
||||||
|
|
||||||
|
# Install Worker dependencies
|
||||||
|
cd worker && go mod download
|
||||||
|
```
|
||||||
|
|
||||||
|
### Environment Configuration
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Copy environment variables file
|
||||||
|
cp .env.example .env
|
||||||
|
|
||||||
|
# Configure necessary environment variables
|
||||||
|
REDIS_URL=redis://localhost:6379
|
||||||
|
UPLOAD_PATH=./uploads
|
||||||
|
download_secret=your_download_secret
|
||||||
|
```
|
||||||
|
|
||||||
|
### Start Services
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Start all services in development mode
|
||||||
|
pnpm run dev
|
||||||
|
|
||||||
|
# Or start separately
|
||||||
|
pnpm run dev:front # Frontend service (port 5000)
|
||||||
|
pnpm run dev:backend # Backend service (port 1323)
|
||||||
|
pnpm run dev:worker # Worker service
|
||||||
|
```
|
||||||
|
|
||||||
|
## 📁 Project Structure
|
||||||
|
|
||||||
|
```
|
||||||
|
015/
|
||||||
|
├── front/ # Frontend application (Vue 3 + Nuxt 3)
|
||||||
|
│ ├── components/ # Vue components
|
||||||
|
│ │ ├── pages/ # Page routes
|
||||||
|
│ │ ├── composables/ # Composable functions
|
||||||
|
│ │ ├── i18n/ # Internationalization files
|
||||||
|
│ │ └── assets/ # Static assets
|
||||||
|
│ ├── backend/ # Backend service (Go + Echo)
|
||||||
|
│ │ ├── internal/ # Internal packages
|
||||||
|
│ │ │ ├── controllers/ # Controllers
|
||||||
|
│ │ │ ├── models/ # Data models
|
||||||
|
│ │ │ ├── services/ # Business logic
|
||||||
|
│ │ │ └── utils/ # Utility functions
|
||||||
|
│ │ └── middleware/ # Middleware
|
||||||
|
│ ├── worker/ # Asynchronous task processing (Go + Asynq)
|
||||||
|
│ │ ├── internal/ # Internal packages
|
||||||
|
│ │ │ ├── tasks/ # Task processors
|
||||||
|
│ │ │ └── utils/ # Utility functions
|
||||||
|
│ │ └── middleware/ # Middleware
|
||||||
|
│ └── tmp/ # Temporary files
|
||||||
|
```
|
||||||
|
|
||||||
|
## 🔧 Development Guide
|
||||||
|
|
||||||
|
### Code Standards
|
||||||
|
|
||||||
|
- Use Prettier for code formatting
|
||||||
|
- Use Husky + lint-staged for pre-commit checking
|
||||||
|
- Follow TypeScript type safety standards
|
||||||
|
|
||||||
|
### Commit Standards
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Code formatting will run automatically before commit
|
||||||
|
git add .
|
||||||
|
git commit -m "feat: add new feature"
|
||||||
|
```
|
||||||
|
|
||||||
|
### Build and Deploy
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Build frontend
|
||||||
|
cd front && pnpm run build
|
||||||
|
|
||||||
|
# Build backend (requires Go environment)
|
||||||
|
cd backend && go build -o main .
|
||||||
|
|
||||||
|
# Build Worker
|
||||||
|
cd worker && go build -o worker .
|
||||||
|
```
|
||||||
|
|
||||||
|
## 📝 Development Roadmap
|
||||||
|
|
||||||
|
### Completed Features ✅
|
||||||
|
|
||||||
|
- Frontend hash calculation and instant transfer
|
||||||
|
- Concurrent chunked upload (using Web Worker)
|
||||||
|
- File upload/text upload and sharing
|
||||||
|
- Upload statistics page
|
||||||
|
- Multi-language support
|
||||||
|
- Maximum upload limits
|
||||||
|
- Backend queue system and Worker file processing
|
||||||
|
|
||||||
|
### Planned Features 🚧
|
||||||
|
|
||||||
|
- Resume upload (backend calculates uploaded parts and returns)
|
||||||
|
- Image format conversion and compression
|
||||||
|
- Image OCR copy
|
||||||
|
- Document to Markdown conversion
|
||||||
|
- Text translation/summarization
|
||||||
|
- Support for multiple file uploads
|
||||||
|
|
||||||
|
## 🤝 Contributing
|
||||||
|
|
||||||
|
Welcome to submit Issues and Pull Requests to improve this project.
|
||||||
|
|
||||||
|
## 📄 License
|
||||||
|
|
||||||
|
This project is licensed under AGPLV3.
|
||||||
|
|
||||||
|
## 🔗 Related Links
|
||||||
|
|
||||||
|
- [Vue 3 Documentation](https://vuejs.org/)
|
||||||
|
- [Nuxt 3 Documentation](https://nuxt.com/)
|
||||||
|
- [Echo Framework Documentation](https://echo.labstack.com/)
|
||||||
|
- [Asynq Documentation](https://github.com/hibiken/asynq)
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ require (
|
|||||||
dario.cat/mergo v1.0.1
|
dario.cat/mergo v1.0.1
|
||||||
github.com/dustin/go-humanize v1.0.1
|
github.com/dustin/go-humanize v1.0.1
|
||||||
github.com/golang-jwt/jwt/v5 v5.2.2
|
github.com/golang-jwt/jwt/v5 v5.2.2
|
||||||
github.com/googollee/go-socket.io v1.7.0
|
|
||||||
github.com/gorilla/sessions v1.4.0
|
github.com/gorilla/sessions v1.4.0
|
||||||
github.com/hibiken/asynq v0.25.1
|
github.com/hibiken/asynq v0.25.1
|
||||||
github.com/labstack/echo-contrib v0.17.3
|
github.com/labstack/echo-contrib v0.17.3
|
||||||
@@ -24,13 +23,10 @@ require (
|
|||||||
github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f // indirect
|
github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f // indirect
|
||||||
github.com/fsnotify/fsnotify v1.8.0 // indirect
|
github.com/fsnotify/fsnotify v1.8.0 // indirect
|
||||||
github.com/go-viper/mapstructure/v2 v2.2.1 // indirect
|
github.com/go-viper/mapstructure/v2 v2.2.1 // indirect
|
||||||
github.com/gofrs/uuid v4.0.0+incompatible // indirect
|
|
||||||
github.com/gomodule/redigo v1.8.4 // indirect
|
|
||||||
github.com/google/go-cmp v0.7.0 // indirect
|
github.com/google/go-cmp v0.7.0 // indirect
|
||||||
github.com/google/uuid v1.6.0 // indirect
|
github.com/google/uuid v1.6.0 // indirect
|
||||||
github.com/gorilla/context v1.1.2 // indirect
|
github.com/gorilla/context v1.1.2 // indirect
|
||||||
github.com/gorilla/securecookie v1.1.2 // indirect
|
github.com/gorilla/securecookie v1.1.2 // indirect
|
||||||
github.com/gorilla/websocket v1.4.2 // indirect
|
|
||||||
github.com/labstack/gommon v0.4.2 // indirect
|
github.com/labstack/gommon v0.4.2 // indirect
|
||||||
github.com/mattn/go-colorable v0.1.14 // indirect
|
github.com/mattn/go-colorable v0.1.14 // indirect
|
||||||
github.com/mattn/go-isatty v0.0.20 // indirect
|
github.com/mattn/go-isatty v0.0.20 // indirect
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ github.com/bsm/gomega v1.27.10 h1:yeMWxP2pV2fG3FgAODIY8EiRE3dy0aeFYt4l7wh6yKA=
|
|||||||
github.com/bsm/gomega v1.27.10/go.mod h1:JyEr/xRbxbtgWNi8tIEVPUYZ5Dzef52k01W3YH0H+O0=
|
github.com/bsm/gomega v1.27.10/go.mod h1:JyEr/xRbxbtgWNi8tIEVPUYZ5Dzef52k01W3YH0H+O0=
|
||||||
github.com/cespare/xxhash/v2 v2.3.0 h1:UL815xU9SqsFlibzuggzjXhog7bL6oX9BbNZnL2UFvs=
|
github.com/cespare/xxhash/v2 v2.3.0 h1:UL815xU9SqsFlibzuggzjXhog7bL6oX9BbNZnL2UFvs=
|
||||||
github.com/cespare/xxhash/v2 v2.3.0/go.mod h1:VGX0DQ3Q6kWi7AoAeZDth3/j3BFtOZR5XLFGgcrjCOs=
|
github.com/cespare/xxhash/v2 v2.3.0/go.mod h1:VGX0DQ3Q6kWi7AoAeZDth3/j3BFtOZR5XLFGgcrjCOs=
|
||||||
github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
|
|
||||||
github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
|
github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
|
||||||
github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
|
github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
|
||||||
github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f h1:lO4WD4F/rVNCu3HqELle0jiPLLBs70cWOduZpkS1E78=
|
github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f h1:lO4WD4F/rVNCu3HqELle0jiPLLBs70cWOduZpkS1E78=
|
||||||
@@ -19,28 +18,20 @@ github.com/fsnotify/fsnotify v1.8.0 h1:dAwr6QBTBZIkG8roQaJjGof0pp0EeF+tNV7YBP3F/
|
|||||||
github.com/fsnotify/fsnotify v1.8.0/go.mod h1:8jBTzvmWwFyi3Pb8djgCCO5IBqzKJ/Jwo8TRcHyHii0=
|
github.com/fsnotify/fsnotify v1.8.0/go.mod h1:8jBTzvmWwFyi3Pb8djgCCO5IBqzKJ/Jwo8TRcHyHii0=
|
||||||
github.com/go-viper/mapstructure/v2 v2.2.1 h1:ZAaOCxANMuZx5RCeg0mBdEZk7DZasvvZIxtHqx8aGss=
|
github.com/go-viper/mapstructure/v2 v2.2.1 h1:ZAaOCxANMuZx5RCeg0mBdEZk7DZasvvZIxtHqx8aGss=
|
||||||
github.com/go-viper/mapstructure/v2 v2.2.1/go.mod h1:oJDH3BJKyqBA2TXFhDsKDGDTlndYOZ6rGS0BRZIxGhM=
|
github.com/go-viper/mapstructure/v2 v2.2.1/go.mod h1:oJDH3BJKyqBA2TXFhDsKDGDTlndYOZ6rGS0BRZIxGhM=
|
||||||
github.com/gofrs/uuid v4.0.0+incompatible h1:1SD/1F5pU8p29ybwgQSwpQk+mwdRrXCYuPhW6m+TnJw=
|
|
||||||
github.com/gofrs/uuid v4.0.0+incompatible/go.mod h1:b2aQJv3Z4Fp6yNu3cdSllBxTCLRxnplIgP/c0N/04lM=
|
|
||||||
github.com/golang-jwt/jwt/v5 v5.2.2 h1:Rl4B7itRWVtYIHFrSNd7vhTiz9UpLdi6gZhZ3wEeDy8=
|
github.com/golang-jwt/jwt/v5 v5.2.2 h1:Rl4B7itRWVtYIHFrSNd7vhTiz9UpLdi6gZhZ3wEeDy8=
|
||||||
github.com/golang-jwt/jwt/v5 v5.2.2/go.mod h1:pqrtFR0X4osieyHYxtmOUWsAWrfe1Q5UVIyoH402zdk=
|
github.com/golang-jwt/jwt/v5 v5.2.2/go.mod h1:pqrtFR0X4osieyHYxtmOUWsAWrfe1Q5UVIyoH402zdk=
|
||||||
github.com/gomodule/redigo v1.8.4 h1:Z5JUg94HMTR1XpwBaSH4vq3+PNSIykBLxMdglbw10gg=
|
|
||||||
github.com/gomodule/redigo v1.8.4/go.mod h1:P9dn9mFrCBvWhGE1wpxx6fgq7BAeLBk+UUUzlpkBYO0=
|
|
||||||
github.com/google/go-cmp v0.7.0 h1:wk8382ETsv4JYUZwIsn6YpYiWiBsYLSJiTsyBybVuN8=
|
github.com/google/go-cmp v0.7.0 h1:wk8382ETsv4JYUZwIsn6YpYiWiBsYLSJiTsyBybVuN8=
|
||||||
github.com/google/go-cmp v0.7.0/go.mod h1:pXiqmnSA92OHEEa9HXL2W4E7lf9JzCmGVUdgjX3N/iU=
|
github.com/google/go-cmp v0.7.0/go.mod h1:pXiqmnSA92OHEEa9HXL2W4E7lf9JzCmGVUdgjX3N/iU=
|
||||||
github.com/google/gofuzz v1.2.0 h1:xRy4A+RhZaiKjJ1bPfwQ8sedCA+YS2YcCHW6ec7JMi0=
|
github.com/google/gofuzz v1.2.0 h1:xRy4A+RhZaiKjJ1bPfwQ8sedCA+YS2YcCHW6ec7JMi0=
|
||||||
github.com/google/gofuzz v1.2.0/go.mod h1:dBl0BpW6vV/+mYPU4Po3pmUjxk6FQPldtuIdl/M65Eg=
|
github.com/google/gofuzz v1.2.0/go.mod h1:dBl0BpW6vV/+mYPU4Po3pmUjxk6FQPldtuIdl/M65Eg=
|
||||||
github.com/google/uuid v1.6.0 h1:NIvaJDMOsjHA8n1jAhLSgzrAzy1Hgr+hNrb57e+94F0=
|
github.com/google/uuid v1.6.0 h1:NIvaJDMOsjHA8n1jAhLSgzrAzy1Hgr+hNrb57e+94F0=
|
||||||
github.com/google/uuid v1.6.0/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo=
|
github.com/google/uuid v1.6.0/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo=
|
||||||
github.com/googollee/go-socket.io v1.7.0 h1:ODcQSAvVIPvKozXtUGuJDV3pLwdpBLDs1Uoq/QHIlY8=
|
|
||||||
github.com/googollee/go-socket.io v1.7.0/go.mod h1:0vGP8/dXR9SZUMMD4+xxaGo/lohOw3YWMh2WRiWeKxg=
|
|
||||||
github.com/gorilla/context v1.1.2 h1:WRkNAv2uoa03QNIc1A6u4O7DAGMUVoopZhkiXWA2V1o=
|
github.com/gorilla/context v1.1.2 h1:WRkNAv2uoa03QNIc1A6u4O7DAGMUVoopZhkiXWA2V1o=
|
||||||
github.com/gorilla/context v1.1.2/go.mod h1:KDPwT9i/MeWHiLl90fuTgrt4/wPcv75vFAZLaOOcbxM=
|
github.com/gorilla/context v1.1.2/go.mod h1:KDPwT9i/MeWHiLl90fuTgrt4/wPcv75vFAZLaOOcbxM=
|
||||||
github.com/gorilla/securecookie v1.1.2 h1:YCIWL56dvtr73r6715mJs5ZvhtnY73hBvEF8kXD8ePA=
|
github.com/gorilla/securecookie v1.1.2 h1:YCIWL56dvtr73r6715mJs5ZvhtnY73hBvEF8kXD8ePA=
|
||||||
github.com/gorilla/securecookie v1.1.2/go.mod h1:NfCASbcHqRSY+3a8tlWJwsQap2VX5pwzwo4h3eOamfo=
|
github.com/gorilla/securecookie v1.1.2/go.mod h1:NfCASbcHqRSY+3a8tlWJwsQap2VX5pwzwo4h3eOamfo=
|
||||||
github.com/gorilla/sessions v1.4.0 h1:kpIYOp/oi6MG/p5PgxApU8srsSw9tuFbt46Lt7auzqQ=
|
github.com/gorilla/sessions v1.4.0 h1:kpIYOp/oi6MG/p5PgxApU8srsSw9tuFbt46Lt7auzqQ=
|
||||||
github.com/gorilla/sessions v1.4.0/go.mod h1:FLWm50oby91+hl7p/wRxDth9bWSuk0qVL2emc7lT5ik=
|
github.com/gorilla/sessions v1.4.0/go.mod h1:FLWm50oby91+hl7p/wRxDth9bWSuk0qVL2emc7lT5ik=
|
||||||
github.com/gorilla/websocket v1.4.2 h1:+/TMaTYc4QFitKJxsQ7Yye35DkWvkdLcvGKqM+x0Ufc=
|
|
||||||
github.com/gorilla/websocket v1.4.2/go.mod h1:YR8l580nyteQvAITg2hZ9XVh4b55+EU/adAjf1fMHhE=
|
|
||||||
github.com/hibiken/asynq v0.25.1 h1:phj028N0nm15n8O2ims+IvJ2gz4k2auvermngh9JhTw=
|
github.com/hibiken/asynq v0.25.1 h1:phj028N0nm15n8O2ims+IvJ2gz4k2auvermngh9JhTw=
|
||||||
github.com/hibiken/asynq v0.25.1/go.mod h1:pazWNOLBu0FEynQRBvHA26qdIKRSmfdIfUm4HdsLmXg=
|
github.com/hibiken/asynq v0.25.1/go.mod h1:pazWNOLBu0FEynQRBvHA26qdIKRSmfdIfUm4HdsLmXg=
|
||||||
github.com/kr/pretty v0.3.1 h1:flRD4NNwYAUpkphVc1HcthR4KEIFJ65n8Mw5qdRn3LE=
|
github.com/kr/pretty v0.3.1 h1:flRD4NNwYAUpkphVc1HcthR4KEIFJ65n8Mw5qdRn3LE=
|
||||||
@@ -85,8 +76,6 @@ github.com/spf13/pflag v1.0.6 h1:jFzHGLGAlb3ruxLB8MhbI6A8+AQX/2eW4qeyNZXNp2o=
|
|||||||
github.com/spf13/pflag v1.0.6/go.mod h1:McXfInJRrz4CZXVZOBLb0bTZqETkiAhM9Iw0y3An2Bg=
|
github.com/spf13/pflag v1.0.6/go.mod h1:McXfInJRrz4CZXVZOBLb0bTZqETkiAhM9Iw0y3An2Bg=
|
||||||
github.com/spf13/viper v1.20.1 h1:ZMi+z/lvLyPSCoNtFCpqjy0S4kPbirhpTMwl8BkW9X4=
|
github.com/spf13/viper v1.20.1 h1:ZMi+z/lvLyPSCoNtFCpqjy0S4kPbirhpTMwl8BkW9X4=
|
||||||
github.com/spf13/viper v1.20.1/go.mod h1:P9Mdzt1zoHIG8m2eZQinpiBjo6kCmZSKBClNNqjJvu4=
|
github.com/spf13/viper v1.20.1/go.mod h1:P9Mdzt1zoHIG8m2eZQinpiBjo6kCmZSKBClNNqjJvu4=
|
||||||
github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
|
|
||||||
github.com/stretchr/testify v1.5.1/go.mod h1:5W2xD1RspED5o8YsWQXVCued0rvSQ+mT+I5cxcmMvtA=
|
|
||||||
github.com/stretchr/testify v1.10.0 h1:Xv5erBjTwe/5IxqUQTdXv5kgmIvbHo3QQyRwhJsOfJA=
|
github.com/stretchr/testify v1.10.0 h1:Xv5erBjTwe/5IxqUQTdXv5kgmIvbHo3QQyRwhJsOfJA=
|
||||||
github.com/stretchr/testify v1.10.0/go.mod h1:r2ic/lqez/lEtzL7wO/rwa5dbSLXVDPFyf8C91i36aY=
|
github.com/stretchr/testify v1.10.0/go.mod h1:r2ic/lqez/lEtzL7wO/rwa5dbSLXVDPFyf8C91i36aY=
|
||||||
github.com/subosito/gotenv v1.6.0 h1:9NlTDc1FTs4qu0DDq7AEtTPNw6SVm7uBMsUCUjABIf8=
|
github.com/subosito/gotenv v1.6.0 h1:9NlTDc1FTs4qu0DDq7AEtTPNw6SVm7uBMsUCUjABIf8=
|
||||||
@@ -117,7 +106,5 @@ google.golang.org/protobuf v1.36.5/go.mod h1:9fA7Ob0pmnwhb644+1+CVWFRbNajQ6iRojt
|
|||||||
gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
|
gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
|
||||||
gopkg.in/check.v1 v1.0.0-20200227125254-8fa46927fb4f h1:BLraFXnmrev5lT+xlilqcH8XK9/i0At2xKjWk4p6zsU=
|
gopkg.in/check.v1 v1.0.0-20200227125254-8fa46927fb4f h1:BLraFXnmrev5lT+xlilqcH8XK9/i0At2xKjWk4p6zsU=
|
||||||
gopkg.in/check.v1 v1.0.0-20200227125254-8fa46927fb4f/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
|
gopkg.in/check.v1 v1.0.0-20200227125254-8fa46927fb4f/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
|
||||||
gopkg.in/yaml.v2 v2.2.2/go.mod h1:hI93XBmqTisBFMUTm0b8Fm+jr3Dg1NNxqwp+5A1VGuI=
|
|
||||||
gopkg.in/yaml.v2 v2.2.4/go.mod h1:hI93XBmqTisBFMUTm0b8Fm+jr3Dg1NNxqwp+5A1VGuI=
|
|
||||||
gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
|
gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
|
||||||
gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
|
gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
|
||||||
|
|||||||
@@ -40,6 +40,27 @@ func CreateUploadTask(c echo.Context) error {
|
|||||||
"chunk_size": fileInfo.ChunkSize,
|
"chunk_size": fileInfo.ChunkSize,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
maxStorageSize, err := utils.GetFileSize(utils.GetEnv("MAX_LOCALSTORAGE_SIZE"))
|
||||||
|
if err != nil {
|
||||||
|
return utils.HTTPErrorHandler(c, err)
|
||||||
|
}
|
||||||
|
fileInfoMap, err := models.GetRedisFileInfoAll()
|
||||||
|
if err != nil {
|
||||||
|
return utils.HTTPErrorHandler(c, err)
|
||||||
|
}
|
||||||
|
totalSize := int64(0)
|
||||||
|
for _, value := range fileInfoMap {
|
||||||
|
var fileInfo models.RedisFileInfo
|
||||||
|
err := json.Unmarshal([]byte(value), &fileInfo)
|
||||||
|
if err != nil {
|
||||||
|
return utils.HTTPErrorHandler(c, err)
|
||||||
|
}
|
||||||
|
totalSize += fileInfo.FileSize
|
||||||
|
}
|
||||||
|
if totalSize+r.FileSize > int64(maxStorageSize) {
|
||||||
|
return utils.HTTPErrorHandler(c, errors.New("存储空间不足"))
|
||||||
|
}
|
||||||
|
|
||||||
ChunkSize := int64(1 * 1024 * 1024)
|
ChunkSize := int64(1 * 1024 * 1024)
|
||||||
if r.FileSize > 500*1024*1024 {
|
if r.FileSize > 500*1024*1024 {
|
||||||
ChunkSize = r.FileSize / 500
|
ChunkSize = r.FileSize / 500
|
||||||
@@ -56,7 +77,7 @@ func CreateUploadTask(c echo.Context) error {
|
|||||||
CreatedAt: time.Now().Unix(),
|
CreatedAt: time.Now().Unix(),
|
||||||
Expire: uploadTaskExpire,
|
Expire: uploadTaskExpire,
|
||||||
}
|
}
|
||||||
err := models.SetRedisFileInfo(fileId, newFileInfo)
|
err = models.SetRedisFileInfo(fileId, newFileInfo)
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return utils.HTTPErrorHandler(c, err)
|
return utils.HTTPErrorHandler(c, err)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -9,6 +9,7 @@ import (
|
|||||||
"github.com/hibiken/asynq"
|
"github.com/hibiken/asynq"
|
||||||
"github.com/labstack/echo/v4"
|
"github.com/labstack/echo/v4"
|
||||||
"github.com/samber/lo"
|
"github.com/samber/lo"
|
||||||
|
"github.com/spf13/cast"
|
||||||
)
|
)
|
||||||
|
|
||||||
type FileChartData struct {
|
type FileChartData struct {
|
||||||
@@ -83,7 +84,8 @@ func GetStat(c echo.Context) error {
|
|||||||
})
|
})
|
||||||
|
|
||||||
return utils.HTTPSuccessHandler(c, map[string]any{
|
return utils.HTTPSuccessHandler(c, map[string]any{
|
||||||
"version": "0.1.0",
|
"version": utils.GetEnvWithDefault("VERSION", "dev"),
|
||||||
|
"build_time": cast.ToInt(utils.GetEnvWithDefault("BUILD_TIME", cast.ToString(time.Now().Unix()))),
|
||||||
"max_limit": map[string]any{
|
"max_limit": map[string]any{
|
||||||
"file_size": maxStorageSize,
|
"file_size": maxStorageSize,
|
||||||
},
|
},
|
||||||
|
|||||||
221
docs/README-zh.md
Normal file
221
docs/README-zh.md
Normal file
@@ -0,0 +1,221 @@
|
|||||||
|
# 015
|
||||||
|
|
||||||
|
015 (/ˈzɪərəʊ wʌn faɪv/, "zero-one-five") 是一个支持selfhosted的临时文件分享平台。专注于提供一次性，临时的文件和文本上传，处理，分享服务。项目名称来源于DARLING in the FRANXX的 [莓](https://darling-in-the-franxx.fandom.com/wiki/Ichigo)
|
||||||
|
|
||||||
|
一个基于 Vue 3 + Nuxt 3 + Go 构建的现代文件分享网站，支持文件上传、文本分享、图片压缩、并发处理、秒传功能等，具备完整的分享管理和访问控制体系。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 🌟 功能特性
|
||||||
|
|
||||||
|
### 核心功能
|
||||||
|
|
||||||
|
🖼️ **高性能文件上传** - 支持大文件切片上传，前端计算文件哈希实现秒传
|
||||||
|
📱 **响应式设计** - 基于 Tailwind V4 + Reka UI 的现代化 UI，适配各种设备
|
||||||
|
⚡ **并发处理** - 使用 Web Worker 进行前端Hash计算，后端队列系统处理任务
|
||||||
|
🌐 **多语言支持** - 完整的中英文国际化支持
|
||||||
|
🔗 **分享管理** - 灵活的分享链接生成和管理系统
|
||||||
|
|
||||||
|
### 文件处理
|
||||||
|
|
||||||
|
🔄 **智能秒传** - 基于文件哈希+文件大小的前端秒传检测，避免重复上传
|
||||||
|
📷 **图片压缩** - 自动图片压缩功能，支持多种格式
|
||||||
|
🖼️ **文件预览** - 支持图片、视频、音频、文档等多种文件类型预览
|
||||||
|
📊 **上传统计** - 实时显示上传进度和文件信息
|
||||||
|
🌈 **断点续传** - 支持上传中断后的续传功能
|
||||||
|
|
||||||
|
### 高级功能
|
||||||
|
|
||||||
|
🎛️ **分享控制** - 支持密码保护、下载次数限制、过期时间设置
|
||||||
|
🔍 **取件码系统** - 支持取件码分享，简化分享难度
|
||||||
|
⚡ **队列处理** - 基于 Redis + Asynq 的异步任务处理系统
|
||||||
|
🗂️ **文件管理** - 完整的文件生命周期管理
|
||||||
|
📷 **图片处理** - 图片压缩、格式转换等处理功能
|
||||||
|
🏷️ **下载控制** - 基于 JWT 的下载令牌管理系统
|
||||||
|
|
||||||
|
## 截图
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 🏗️ 技术架构
|
||||||
|
|
||||||
|
### 前端技术栈
|
||||||
|
|
||||||
|
- **Vue 3** - 渐进式 JavaScript 框架
|
||||||
|
- **Nuxt 3** - Vue.js 全栈框架
|
||||||
|
- **TypeScript** - 完整的类型安全
|
||||||
|
- **Tailwind CSS** - 原子化 CSS 框架
|
||||||
|
- **Reka UI** - 现代化组件库
|
||||||
|
- **Pinia** - 状态管理
|
||||||
|
- **TanStack Query** - 数据获取和缓存
|
||||||
|
- **Vue Router** - 路由管理
|
||||||
|
- **i18next** - 国际化支持
|
||||||
|
|
||||||
|
### 后端技术栈
|
||||||
|
|
||||||
|
- **Go 1.23** - 高性能服务器端语言
|
||||||
|
- **Echo** - 高性能 HTTP 框架
|
||||||
|
- **Redis** - 缓存和会话存储
|
||||||
|
- **Asynq** - 异步任务队列
|
||||||
|
- **JWT** - 身份验证
|
||||||
|
- **Zap** - 结构化日志
|
||||||
|
|
||||||
|
### 构建系统
|
||||||
|
|
||||||
|
- **Node.js** - 服务器端运行时
|
||||||
|
- **pnpm** - 快速包管理器
|
||||||
|
- **Husky** - Git hooks 管理
|
||||||
|
- **Prettier** - 代码格式化
|
||||||
|
- **Lint-staged** - 暂存文件检查
|
||||||
|
|
||||||
|
### 存储架构
|
||||||
|
|
||||||
|
- **文件存储** - 本地文件系统存储
|
||||||
|
- **Redis 缓存** - 分享信息、文件元数据缓存
|
||||||
|
- **队列系统** - 异步任务处理队列
|
||||||
|
|
||||||
|
## 🚀 快速开始
|
||||||
|
|
||||||
|
### 环境要求
|
||||||
|
|
||||||
|
- Node.js 18+
|
||||||
|
- Go 1.23+
|
||||||
|
- Redis 6+
|
||||||
|
- pnpm 9+
|
||||||
|
|
||||||
|
### 安装依赖
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 安装根目录依赖
|
||||||
|
pnpm install
|
||||||
|
|
||||||
|
# 安装前端依赖
|
||||||
|
cd front && pnpm install
|
||||||
|
|
||||||
|
# 安装后端依赖
|
||||||
|
cd backend && go mod download
|
||||||
|
|
||||||
|
# 安装 Worker 依赖
|
||||||
|
cd worker && go mod download
|
||||||
|
```
|
||||||
|
|
||||||
|
### 环境配置
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 复制环境变量文件
|
||||||
|
cp .env.example .env
|
||||||
|
|
||||||
|
# 配置必要的环境变量
|
||||||
|
REDIS_URL=redis://localhost:6379
|
||||||
|
UPLOAD_PATH=./uploads
|
||||||
|
download_secret=your_download_secret
|
||||||
|
```
|
||||||
|
|
||||||
|
### 启动服务
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 开发模式启动所有服务
|
||||||
|
pnpm run dev
|
||||||
|
|
||||||
|
# 或分别启动
|
||||||
|
pnpm run dev:front # 前端服务 (端口 5000)
|
||||||
|
pnpm run dev:backend # 后端服务 (端口 1323)
|
||||||
|
pnpm run dev:worker # Worker 服务
|
||||||
|
```
|
||||||
|
|
||||||
|
## 📁 项目结构
|
||||||
|
|
||||||
|
```
|
||||||
|
015/
|
||||||
|
├── front/ # 前端应用 (Vue 3 + Nuxt 3)
|
||||||
|
│ ├── components/ # Vue 组件
|
||||||
|
│ │ ├── pages/ # 页面路由
|
||||||
|
│ │ ├── composables/ # 组合式函数
|
||||||
|
│ │ ├── i18n/ # 国际化文件
|
||||||
|
│ │ └── assets/ # 静态资源
|
||||||
|
│ └── middleware/ # 中间件
|
||||||
|
├── backend/ # 后端服务 (Go + Echo)
|
||||||
|
│ ├── internal/ # 内部包
|
||||||
|
│ │ ├── controllers/ # 控制器
|
||||||
|
│ │ ├── models/ # 数据模型
|
||||||
|
│ │ ├── services/ # 业务逻辑
|
||||||
|
│ │ └── utils/ # 工具函数
|
||||||
|
│ └── middleware/ # 中间件
|
||||||
|
├── worker/ # 异步任务处理 (Go + Asynq)
|
||||||
|
│ ├── internal/ # 内部包
|
||||||
|
│ │ ├── tasks/ # 任务处理器
|
||||||
|
│ │ └── utils/ # 工具函数
|
||||||
|
│ └── middleware/ # 中间件
|
||||||
|
└── tmp/ # 临时文件
|
||||||
|
```
|
||||||
|
|
||||||
|
## 🔧 开发指南
|
||||||
|
|
||||||
|
### 代码规范
|
||||||
|
|
||||||
|
- 使用 Prettier 进行代码格式化
|
||||||
|
- 使用 Husky + lint-staged 进行提交前检查
|
||||||
|
- 遵循 TypeScript 类型安全规范
|
||||||
|
|
||||||
|
### 提交规范
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 提交前会自动运行代码格式化
|
||||||
|
git add .
|
||||||
|
git commit -m "feat: add new feature"
|
||||||
|
```
|
||||||
|
|
||||||
|
### 构建部署
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 构建前端
|
||||||
|
cd front && pnpm run build
|
||||||
|
|
||||||
|
# 构建后端 (需要 Go 环境)
|
||||||
|
cd backend && go build -o main .
|
||||||
|
|
||||||
|
# 构建 Worker
|
||||||
|
cd worker && go build -o worker .
|
||||||
|
```
|
||||||
|
|
||||||
|
## 📝 开发计划
|
||||||
|
|
||||||
|
### 已完成功能 ✅
|
||||||
|
|
||||||
|
- 前端计算哈希和秒传
|
||||||
|
- 并发切片上传 (使用 Web Worker)
|
||||||
|
- 文件上传/文本上传和分享
|
||||||
|
- 上传统计页面
|
||||||
|
- 多语言支持
|
||||||
|
- 最大上传限制
|
||||||
|
- 后端队列系统和 Worker 处理文件
|
||||||
|
|
||||||
|
### 计划功能 🚧
|
||||||
|
|
||||||
|
- 断点续传 (后端计算已上传部分并返回)
|
||||||
|
- 图片格式转换和压缩
|
||||||
|
- 图片 OCR 复制
|
||||||
|
- 文档转 Markdown
|
||||||
|
- 文本翻译/总结
|
||||||
|
- 支持上传多文件
|
||||||
|
|
||||||
|
## 🤝 贡献指南
|
||||||
|
|
||||||
|
欢迎提交 Issue 和 Pull Request 来改进这个项目。
|
||||||
|
|
||||||
|
## 📄 许可证
|
||||||
|
|
||||||
|
本项目采用 AGPLV3 许可证。
|
||||||
|
|
||||||
|
## 🔗 相关链接
|
||||||
|
|
||||||
|
- [Vue 3 文档](https://vuejs.org/)
|
||||||
|
- [Nuxt 3 文档](https://nuxt.com/)
|
||||||
|
- [Echo 框架文档](https://echo.labstack.com/)
|
||||||
|
- [Asynq 文档](https://github.com/hibiken/asynq)
|
||||||
BIN
docs/image/0.png
Normal file
BIN
docs/image/0.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
BIN
docs/image/1.webp
Normal file
BIN
docs/image/1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
docs/image/2.webp
Normal file
BIN
docs/image/2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 654 KiB |
BIN
docs/image/3.png
Normal file
BIN
docs/image/3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
docs/image/4.png
Normal file
BIN
docs/image/4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
@@ -50,7 +50,7 @@
|
|||||||
--card-foreground: oklch(0.129 0.042 264.695);
|
--card-foreground: oklch(0.129 0.042 264.695);
|
||||||
--popover: oklch(1 0 0);
|
--popover: oklch(1 0 0);
|
||||||
--popover-foreground: oklch(0.129 0.042 264.695);
|
--popover-foreground: oklch(0.129 0.042 264.695);
|
||||||
--primary: oklch(0.208 0.042 265.755);
|
--primary: oklch(0.4349 0.0673 257.47);
|
||||||
--primary-foreground: oklch(0.984 0.003 247.858);
|
--primary-foreground: oklch(0.984 0.003 247.858);
|
||||||
--secondary: oklch(0.968 0.007 247.896);
|
--secondary: oklch(0.968 0.007 247.896);
|
||||||
--secondary-foreground: oklch(0.208 0.042 265.755);
|
--secondary-foreground: oklch(0.208 0.042 265.755);
|
||||||
|
|||||||
20
front/components/Drawer/QrCoreDrawer.vue
Normal file
20
front/components/Drawer/QrCoreDrawer.vue
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
import QRCode from "qrcode";
|
||||||
|
const props = defineProps<{
|
||||||
|
hide: () => void;
|
||||||
|
data: any;
|
||||||
|
}>();
|
||||||
|
const { state } = useAsyncState(async () => {
|
||||||
|
return await QRCode.toDataURL(props.data);
|
||||||
|
}, null);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="flex flex-col gap-5">
|
||||||
|
<div class="text-xl font-bold">分享二维码</div>
|
||||||
|
<div class="flex flex-row justify-center">
|
||||||
|
<img :src="state" v-if="!!state" />
|
||||||
|
<Skeleton class="size-20" v-else />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -1,11 +1,13 @@
|
|||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import CircularProgress from '@/components/CircularProgress.vue'
|
import CircularProgress from '@/components/CircularProgress.vue'
|
||||||
import { chunk, shuffle, times } from 'lodash-es';
|
import { chunk, get, shuffle, times } from 'lodash-es'
|
||||||
import { cx } from 'class-variance-authority'
|
import { cx } from 'class-variance-authority'
|
||||||
import calcFileHash from '@/lib/calcFileHash';
|
import { filesize } from 'filesize'
|
||||||
import { filesize } from 'filesize';
|
import { toast } from 'vue-sonner'
|
||||||
|
import asyncWorker from '~/lib/asyncWorker'
|
||||||
|
import calcFileHashWorker from '~/lib/calcFileHashWorker?worker'
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
data: { file: File, config: any, handle_type: string }
|
data: { file: File; config: any; handle_type: string }
|
||||||
}>()
|
}>()
|
||||||
|
|
||||||
const emit = defineEmits<{
|
const emit = defineEmits<{
|
||||||
@@ -17,21 +19,24 @@ const form = useFormContext()
|
|||||||
const step = ref<'hash' | 'upload'>('hash')
|
const step = ref<'hash' | 'upload'>('hash')
|
||||||
const calcHashTime = ref(0)
|
const calcHashTime = ref(0)
|
||||||
const chunkSize = ref(0)
|
const chunkSize = ref(0)
|
||||||
const fileSliceUploadStatusList = ref<{
|
const fileSliceUploadStatusList = ref<
|
||||||
status: string
|
{
|
||||||
index: number
|
status: string
|
||||||
}[]>([])
|
index: number
|
||||||
|
}[]
|
||||||
|
>([])
|
||||||
|
|
||||||
const successCount = computed(() => fileSliceUploadStatusList.value.filter((item) => item.status === 'success').length)
|
const successCount = computed(() => fileSliceUploadStatusList.value.filter((item) => item.status === 'success').length)
|
||||||
const alreadyUploadSize = computed(() => successCount.value * chunkSize.value)
|
const alreadyUploadSize = computed(() => Math.min(successCount.value * chunkSize.value, props?.data?.file?.size))
|
||||||
const uploadProgress = computed(() => Math.round(alreadyUploadSize.value / (props?.data?.file?.size || 0) * 100))
|
const uploadProgress = computed(() => Math.round((alreadyUploadSize.value / (props?.data?.file?.size || 0)) * 100))
|
||||||
|
|
||||||
useAsyncState(async () => {
|
const { error } = useAsyncState(async () => {
|
||||||
const { file } = props.data || {}
|
const { file } = props.data || {}
|
||||||
if (!file) return
|
if (!file) return
|
||||||
const { size, type } = file || {}
|
const { size, type = 'application/octet-stream' } = file || {}
|
||||||
const now = Date.now()
|
const now = Date.now()
|
||||||
const hash = await calcFileHash({ file })
|
const res = await asyncWorker(calcFileHashWorker, { data: { file } })
|
||||||
|
const { hash } = res?.data || {}
|
||||||
if (hash) {
|
if (hash) {
|
||||||
step.value = 'upload'
|
step.value = 'upload'
|
||||||
calcHashTime.value = Date.now() - now
|
calcHashTime.value = Date.now() - now
|
||||||
@@ -47,70 +52,72 @@ useAsyncState(async () => {
|
|||||||
method: 'POST',
|
method: 'POST',
|
||||||
body: {
|
body: {
|
||||||
size,
|
size,
|
||||||
mime_type: type,
|
mime_type: get(type, '', 'application/octet-stream'),
|
||||||
hash,
|
hash,
|
||||||
}
|
},
|
||||||
})
|
})
|
||||||
const { id, chunk_size, type: createType } = createData?.data || {}
|
const { id, chunk_size, type: createType } = createData?.data || {}
|
||||||
if (createType !== 'init') {
|
if (createType !== 'init') {
|
||||||
// 文件存在
|
// 文件存在
|
||||||
form.setFieldValue('file_id', id)
|
form.setFieldValue('file_id', id)
|
||||||
emit('change', 'result')
|
emit('change', 'result')
|
||||||
return;
|
return
|
||||||
}
|
}
|
||||||
chunkSize.value = chunk_size
|
chunkSize.value = chunk_size
|
||||||
const chunks = Math.ceil(size / chunk_size);
|
const chunks = Math.ceil(size / chunk_size)
|
||||||
fileSliceUploadStatusList.value = times(chunks, (i) => ({
|
fileSliceUploadStatusList.value = times(chunks, (i) => ({
|
||||||
status: 'pending',
|
status: 'pending',
|
||||||
index: i
|
index: i,
|
||||||
}))
|
}))
|
||||||
|
|
||||||
const readChunk = (start: number): Promise<ArrayBuffer> => {
|
const readChunk = (start: number): Promise<ArrayBuffer> => {
|
||||||
const fileReader = new FileReader();
|
const fileReader = new FileReader()
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
const chunk = file.slice(start, start + chunk_size);
|
const chunk = file.slice(start, start + chunk_size)
|
||||||
fileReader.onload = (e) => resolve(e.target?.result as ArrayBuffer);
|
fileReader.onload = (e) => resolve(e.target?.result as ArrayBuffer)
|
||||||
fileReader.onerror = reject;
|
fileReader.onerror = reject
|
||||||
fileReader.readAsArrayBuffer(chunk);
|
fileReader.readAsArrayBuffer(chunk)
|
||||||
});
|
})
|
||||||
};
|
}
|
||||||
|
|
||||||
const chunkedUploadTasks = chunk(shuffle([...fileSliceUploadStatusList.value]), 3)
|
const chunkedUploadTasks = chunk(shuffle([...fileSliceUploadStatusList.value]), 3)
|
||||||
for (let i = 0; i < chunkedUploadTasks?.length; i++) {
|
for (let i = 0; i < chunkedUploadTasks?.length; i++) {
|
||||||
await Promise.all(chunkedUploadTasks?.[i]?.map(async (item: any) => {
|
await Promise.all(
|
||||||
const { index } = item || {}
|
chunkedUploadTasks?.[i]?.map(async (item: any) => {
|
||||||
try {
|
const { index } = item || {}
|
||||||
const chunk = await readChunk(index * chunk_size);
|
try {
|
||||||
// console.log('chunk', chunk)
|
const chunk = await readChunk(index * chunk_size)
|
||||||
const formData = new FormData()
|
// console.log('chunk', chunk)
|
||||||
formData.append('file', new Blob([chunk]))
|
const formData = new FormData()
|
||||||
formData.append('index', index + 1)
|
formData.append('file', new Blob([chunk]))
|
||||||
formData.append('id', id)
|
formData.append('index', index + 1)
|
||||||
fileSliceUploadStatusList.value[index].status = 'uploading'
|
formData.append('id', id)
|
||||||
const res = await $fetch<{
|
fileSliceUploadStatusList.value[index].status = 'uploading'
|
||||||
code: number
|
const res = await $fetch<{
|
||||||
}>('/api/file/slice', {
|
code: number
|
||||||
method: 'POST',
|
}>('/api/file/slice', {
|
||||||
body: formData
|
method: 'POST',
|
||||||
})
|
body: formData,
|
||||||
const { code } = res || {}
|
})
|
||||||
if (code !== 200) {
|
const { code } = res || {}
|
||||||
throw new Error('上传失败')
|
if (code !== 200) {
|
||||||
|
throw new Error('上传失败')
|
||||||
|
}
|
||||||
|
fileSliceUploadStatusList.value[index].status = 'success'
|
||||||
|
} catch (error) {
|
||||||
|
console.log('error', error)
|
||||||
|
// fileSliceStatusList.value[index].status = 'error'
|
||||||
}
|
}
|
||||||
fileSliceUploadStatusList.value[index].status = 'success'
|
})
|
||||||
} catch (error) {
|
)
|
||||||
console.log('error', error)
|
|
||||||
// fileSliceStatusList.value[index].status = 'error'
|
|
||||||
}
|
|
||||||
}))
|
|
||||||
}
|
}
|
||||||
const r = await $fetch<{
|
const r = await $fetch<{
|
||||||
code: number
|
code: number
|
||||||
}>('/api/file/finish', {
|
}>('/api/file/finish', {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
body: {
|
body: {
|
||||||
id
|
id,
|
||||||
}
|
},
|
||||||
})
|
})
|
||||||
if (r?.code !== 200) {
|
if (r?.code !== 200) {
|
||||||
throw new Error('上传失败')
|
throw new Error('上传失败')
|
||||||
@@ -118,13 +125,19 @@ useAsyncState(async () => {
|
|||||||
form.setFieldValue('file_id', id)
|
form.setFieldValue('file_id', id)
|
||||||
emit('change', 'result')
|
emit('change', 'result')
|
||||||
}, null)
|
}, null)
|
||||||
|
|
||||||
|
watch(error, (newVal) => {
|
||||||
|
if (newVal) {
|
||||||
|
toast.error('上传失败')
|
||||||
|
}
|
||||||
|
emit('change', 'input')
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<div class="flex flex-col gap-3">
|
<div class="flex flex-col gap-3">
|
||||||
<div class="text-xl font-normal">正在上传</div>
|
<div class="text-xl font-normal">正在上传</div>
|
||||||
<div class="flex flex-col items-center gap-4 md:flex-row md:justify-evenly">
|
<div class="flex flex-col items-center gap-4 md:flex-row md:justify-evenly">
|
||||||
<div :class="cx('flex flex-row items-center gap-5', step !== 'hash' && 'opacity-50')">
|
<div :class="cx('flex flex-row items-center gap-5', step !== 'hash' && 'opacity-50')">
|
||||||
|
|
||||||
<div class="flex flex-col gap-0.5 items-center">
|
<div class="flex flex-col gap-0.5 items-center">
|
||||||
<div class="text-xs opacity-50">1.计算hash</div>
|
<div class="text-xs opacity-50">1.计算hash</div>
|
||||||
<div class="text-3xl font-light">
|
<div class="text-3xl font-light">
|
||||||
@@ -138,21 +151,30 @@ useAsyncState(async () => {
|
|||||||
<div class="flex flex-col gap-0.5 items-center">
|
<div class="flex flex-col gap-0.5 items-center">
|
||||||
<div class="text-xs opacity-50">2.上传文件</div>
|
<div class="text-xs opacity-50">2.上传文件</div>
|
||||||
<div class="text-3xl font-light">{{ step !== 'upload' ? 0 : uploadProgress }}%</div>
|
<div class="text-3xl font-light">{{ step !== 'upload' ? 0 : uploadProgress }}%</div>
|
||||||
<div class="text-sm opacity-50" v-if="alreadyUploadSize">{{ filesize(alreadyUploadSize) }} / {{ filesize(data?.file?.size) }}</div>
|
<div class="text-sm opacity-50" v-if="alreadyUploadSize">
|
||||||
|
{{ filesize(alreadyUploadSize) }} / {{ filesize(data?.file?.size) }}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-row gap-2 items-baseline">
|
<div class="flex flex-row gap-2 items-baseline">
|
||||||
<div class="text-md font-normal">详细信息</div>
|
<div class="text-md font-normal">详细信息</div>
|
||||||
<div class="text-xs opacity-50" v-if="step === 'upload' && fileSliceUploadStatusList?.length > 0">当前正在上传分块{{ `${successCount}/${Math.ceil(data?.file?.size / chunkSize)}` }} 并发:3</div>
|
<div class="text-xs opacity-50" v-if="step === 'upload' && fileSliceUploadStatusList?.length > 0">
|
||||||
|
当前正在上传分块{{ `${successCount}/${Math.ceil(data?.file?.size / chunkSize)}` }} 并发:3
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-row flex-wrap gap-1">
|
<div class="flex flex-row flex-wrap gap-1">
|
||||||
<div v-for="i in fileSliceUploadStatusList" :class="cx('rounded size-4 ',
|
<div
|
||||||
i.status === 'pending' && 'bg-white/90',
|
v-for="i in fileSliceUploadStatusList"
|
||||||
i.status === 'uploading' && 'bg-yellow-500',
|
:class="
|
||||||
i.status === 'success' && 'bg-green-500',
|
cx(
|
||||||
)" />
|
'rounded size-4 ',
|
||||||
|
i.status === 'pending' && 'bg-white/90',
|
||||||
|
i.status === 'uploading' && 'bg-yellow-500',
|
||||||
|
i.status === 'success' && 'bg-green-500'
|
||||||
|
)
|
||||||
|
"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</template>
|
||||||
</template>
|
|
||||||
|
|||||||
@@ -5,8 +5,16 @@ import { Input } from "@/components/ui/input";
|
|||||||
import { useClipboard } from "@vueuse/core";
|
import { useClipboard } from "@vueuse/core";
|
||||||
import { toast } from "vue-sonner";
|
import { toast } from "vue-sonner";
|
||||||
import { useQuery } from "@tanstack/vue-query";
|
import { useQuery } from "@tanstack/vue-query";
|
||||||
import useMyAppShare from "~/composables/useMyAppShare";
|
import useMyAppShare from "@/composables/useMyAppShare";
|
||||||
import useMyAppConfig from "@/composables/useMyAppConfig";
|
import useMyAppConfig from "@/composables/useMyAppConfig";
|
||||||
|
import dayjs from "dayjs";
|
||||||
|
import relativeTime from "dayjs/plugin/relativeTime";
|
||||||
|
import "dayjs/locale/zh-cn"; // 导入中文语言包
|
||||||
|
import showDrawer from "@/lib/showDrawer";
|
||||||
|
import QrCoreDrawer from "@/components/Drawer/QrCoreDrawer.vue";
|
||||||
|
dayjs.extend(relativeTime); // 扩展 relativeTime 插件
|
||||||
|
dayjs.locale("zh-cn"); // 设置语言为中文
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
data: { file: File; config: any; handle_type: string; file_id: string };
|
data: { file: File; config: any; handle_type: string; file_id: string };
|
||||||
}>();
|
}>();
|
||||||
@@ -44,28 +52,92 @@ const { copy } = useClipboard();
|
|||||||
<div class="flex flex-col h-30 items-center">
|
<div class="flex flex-col h-30 items-center">
|
||||||
<FilePreviewView :value="props?.data?.file" />
|
<FilePreviewView :value="props?.data?.file" />
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-row gap-2">
|
<div
|
||||||
<Input v-model="url" class="bg-white/70" />
|
class="flex flex-col md:flex-row gap-5 rounded-md p-5 bg-white/20 backdrop-blur-xl w-full"
|
||||||
<Button
|
>
|
||||||
variant="outline"
|
<div class="flex flex-col gap-2 flex-1">
|
||||||
class="bg-white/70"
|
<div class="text-sm font-semibold">信息</div>
|
||||||
size="icon"
|
<div class="grid grid-cols-2 gap-2">
|
||||||
@click="
|
<div class="rounded-xl flex flex-col bg-black/10 px-3 py-2 gap-1">
|
||||||
() => {
|
<div class="text-xs font-semibold">下载次数</div>
|
||||||
copy(url);
|
<div class="text-3xl font-light">{{ data?.download_nums }}</div>
|
||||||
toast.success('复制成功');
|
</div>
|
||||||
}
|
<div class="rounded-xl flex flex-col bg-black/5 px-3 py-2 gap-1">
|
||||||
"
|
<div class="text-xs font-semibold">过期时间</div>
|
||||||
>
|
<div class="text-md font-light">
|
||||||
<LucideCopy />
|
{{
|
||||||
</Button>
|
dayjs(data?.expire_at * 1000).format("YYYY-MM-DD HH:mm:ss")
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="rounded-xl flex flex-col bg-black/10 px-3 py-2 gap-1"
|
||||||
|
v-if="data?.pickup_code"
|
||||||
|
>
|
||||||
|
<div class="flex flex-row justify-between w-full items-center">
|
||||||
|
<div class="text-xs font-semibold">提取码</div>
|
||||||
|
<Button
|
||||||
|
variant="outline"
|
||||||
|
class="bg-white/70 p-0 size-6"
|
||||||
|
size="icon"
|
||||||
|
@click="
|
||||||
|
() => {
|
||||||
|
copy(data?.pickup_code);
|
||||||
|
toast.success('复制成功');
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<LucideCopy class="size-3" />
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-row gap-2">
|
||||||
|
<div v-for="s in data?.pickup_code" class="text-2xl font-light">
|
||||||
|
{{ s }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-col gap-5 flex-1">
|
||||||
|
<div class="text-sm font-semibold">链接</div>
|
||||||
|
<div class="flex flex-row gap-2">
|
||||||
|
<Input v-model="url" class="bg-white/70" readonly />
|
||||||
|
<Button
|
||||||
|
variant="outline"
|
||||||
|
class="bg-white/70"
|
||||||
|
size="icon"
|
||||||
|
@click="
|
||||||
|
() => {
|
||||||
|
copy(url);
|
||||||
|
toast.success('复制成功');
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<LucideCopy />
|
||||||
|
</Button>
|
||||||
|
|
||||||
<Button variant="outline" class="bg-white/70" size="icon">
|
<Button
|
||||||
<LucideQrCode />
|
variant="outline"
|
||||||
</Button>
|
class="bg-white/70"
|
||||||
|
size="icon"
|
||||||
|
@click="
|
||||||
|
() => {
|
||||||
|
showDrawer({
|
||||||
|
render: ({ ...rest }) =>
|
||||||
|
h(QrCoreDrawer, {
|
||||||
|
...rest,
|
||||||
|
data: url,
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<LucideQrCode />
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Button
|
<Button
|
||||||
variant="ghost"
|
|
||||||
class="hover:bg-white/50 w-40"
|
class="hover:bg-white/50 w-40"
|
||||||
@click="
|
@click="
|
||||||
() => {
|
() => {
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ import { useQuery } from "@tanstack/vue-query";
|
|||||||
import { AsyncButton, Button } from "@/components/ui/button";
|
import { AsyncButton, Button } from "@/components/ui/button";
|
||||||
import { Skeleton } from "@/components/ui/skeleton";
|
import { Skeleton } from "@/components/ui/skeleton";
|
||||||
import { filesize } from "filesize";
|
import { filesize } from "filesize";
|
||||||
import useMyAppShare from "~/composables/useMyAppShare";
|
import useMyAppShare from "@/composables/useMyAppShare";
|
||||||
import { toast } from "vue-sonner";
|
import { toast } from "vue-sonner";
|
||||||
const emit = defineEmits<{
|
const emit = defineEmits<{
|
||||||
(e: "change", key: string): void;
|
(e: "change", key: string): void;
|
||||||
|
|||||||
@@ -1,80 +1,143 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { Button } from "@/components/ui/button";
|
import { Button } from '@/components/ui/button'
|
||||||
import { Input } from "@/components/ui/input";
|
import { Input } from '@/components/ui/input'
|
||||||
import { useClipboard } from "@vueuse/core";
|
import { useClipboard } from '@vueuse/core'
|
||||||
import { toast } from "vue-sonner";
|
import { toast } from 'vue-sonner'
|
||||||
import { useQuery } from "@tanstack/vue-query";
|
import { useQuery } from '@tanstack/vue-query'
|
||||||
import useMyAppShare from "~/composables/useMyAppShare";
|
import useMyAppShare from '@/composables/useMyAppShare'
|
||||||
import useMyAppConfig from "@/composables/useMyAppConfig";
|
import useMyAppConfig from '@/composables/useMyAppConfig'
|
||||||
|
import showDrawer from '@/lib/showDrawer'
|
||||||
|
import QrCoreDrawer from '@/components/Drawer/QrCoreDrawer.vue'
|
||||||
|
import dayjs from 'dayjs'
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
data: { text: string; config: any; handle_type: string };
|
data: { text: string; config: any; handle_type: string }
|
||||||
}>();
|
}>()
|
||||||
|
|
||||||
const emit = defineEmits<{
|
const emit = defineEmits<{
|
||||||
(e: "change", key: string): void;
|
(e: 'change', key: string): void
|
||||||
}>();
|
}>()
|
||||||
|
|
||||||
const { createTextShare } = useMyAppShare();
|
const { createTextShare } = useMyAppShare()
|
||||||
const { data } = useQuery({
|
const { data } = useQuery({
|
||||||
queryKey: ["create-share", props?.data?.text],
|
queryKey: ['create-share', props?.data?.text],
|
||||||
queryFn: async () => {
|
staleTime: Infinity,
|
||||||
const { config, text } = props?.data || {};
|
queryFn: async () => {
|
||||||
const data = await createTextShare({
|
const { config, text } = props?.data || {}
|
||||||
text,
|
const data = await createTextShare({
|
||||||
config,
|
text,
|
||||||
});
|
config,
|
||||||
return data?.data;
|
})
|
||||||
},
|
return data?.data
|
||||||
});
|
},
|
||||||
const appConfig = useMyAppConfig();
|
})
|
||||||
|
const appConfig = useMyAppConfig()
|
||||||
const url = computed(() => {
|
const url = computed(() => {
|
||||||
const { id } = data?.value || {};
|
const { id } = data?.value || {}
|
||||||
return `${appConfig?.value?.site_url}/s/${id}`;
|
return `${appConfig?.value?.site_url}/s/${id}`
|
||||||
});
|
})
|
||||||
|
|
||||||
const { copy } = useClipboard();
|
const { copy } = useClipboard()
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="flex flex-col gap-3">
|
<div class="flex flex-col gap-3">
|
||||||
<div class="flex flex-row justify-between">
|
<div class="flex flex-row gap-2">
|
||||||
<h2 class="text-lg">分享成功</h2>
|
<div class="flex flex-row justify-between w-full">
|
||||||
<div class="flex flex-row gap-2 basis-1/2">
|
<h2 class="text-lg">分享成功</h2>
|
||||||
<Button
|
<Button
|
||||||
variant="outline"
|
variant="outline"
|
||||||
class="bg-white/70"
|
class="bg-white/70"
|
||||||
size="icon"
|
size="icon"
|
||||||
@click="
|
@click="
|
||||||
() => {
|
() => {
|
||||||
emit('change', 'input');
|
emit('change', 'input')
|
||||||
}
|
}
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<LucideHome />
|
<LucideHome />
|
||||||
</Button>
|
</Button>
|
||||||
<Input v-model="url" class="bg-white/70" />
|
</div>
|
||||||
<Button
|
</div>
|
||||||
variant="outline"
|
<div class="flex flex-col md:flex-row gap-5 rounded-md p-5 bg-white/20 backdrop-blur-xl w-full">
|
||||||
class="bg-white/70"
|
<div class="flex flex-col gap-2 flex-1">
|
||||||
size="icon"
|
<div class="text-sm font-semibold">信息</div>
|
||||||
@click="
|
<div class="grid grid-cols-2 gap-2">
|
||||||
() => {
|
<div class="rounded-xl flex flex-col bg-black/10 px-3 py-2 gap-1">
|
||||||
copy(url);
|
<div class="text-xs font-semibold">下载次数</div>
|
||||||
toast.success('复制成功');
|
<div class="text-3xl font-light">{{ data?.download_nums }}</div>
|
||||||
}
|
</div>
|
||||||
"
|
<div class="rounded-xl flex flex-col bg-black/5 px-3 py-2 gap-1">
|
||||||
>
|
<div class="text-xs font-semibold">过期时间</div>
|
||||||
<LucideCopy />
|
<div class="text-md font-light">
|
||||||
</Button>
|
{{ dayjs((data?.expire_at ?? 0) * 1000).format('YYYY-MM-DD HH:mm:ss') }}
|
||||||
<Button variant="outline" class="bg-white/70" size="icon">
|
</div>
|
||||||
<LucideQrCode />
|
</div>
|
||||||
</Button>
|
<div class="rounded-xl flex flex-col bg-black/10 px-3 py-2 gap-1" v-if="data?.pickup_code">
|
||||||
</div>
|
<div class="flex flex-row justify-between w-full items-center">
|
||||||
|
<div class="text-xs font-semibold">提取码</div>
|
||||||
|
<Button
|
||||||
|
variant="outline"
|
||||||
|
class="bg-white/70 p-0 size-6"
|
||||||
|
size="icon"
|
||||||
|
@click="
|
||||||
|
() => {
|
||||||
|
copy(data?.pickup_code as string)
|
||||||
|
toast.success('复制成功')
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<LucideCopy class="size-3" />
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-row gap-2">
|
||||||
|
<div v-for="s in data?.pickup_code" class="text-2xl font-light">
|
||||||
|
{{ s }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-col gap-5 flex-1">
|
||||||
|
<div class="text-sm font-semibold">链接</div>
|
||||||
|
<div class="flex flex-row gap-2">
|
||||||
|
<Input v-model="url" class="bg-white/70" readonly />
|
||||||
|
<Button
|
||||||
|
variant="outline"
|
||||||
|
class="bg-white/70"
|
||||||
|
size="icon"
|
||||||
|
@click="
|
||||||
|
() => {
|
||||||
|
copy(url)
|
||||||
|
toast.success('复制成功')
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<LucideCopy />
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
variant="outline"
|
||||||
|
class="bg-white/70"
|
||||||
|
size="icon"
|
||||||
|
@click="
|
||||||
|
() => {
|
||||||
|
showDrawer({
|
||||||
|
render: ({ ...rest }) =>
|
||||||
|
h(QrCoreDrawer, {
|
||||||
|
...rest,
|
||||||
|
data: url,
|
||||||
|
}),
|
||||||
|
})
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<LucideQrCode />
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h2 class="text-md">内容</h2>
|
||||||
|
<MarkdownRender class="prose rounded-md bg-white/70 p-3 w-full max-w-full min-h-[30vh]" :markdown="props?.data?.text" />
|
||||||
</div>
|
</div>
|
||||||
<div
|
|
||||||
class="prose rounded-md bg-white/70 p-3 w-full max-w-full"
|
|
||||||
v-html="props?.data?.text"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -1,73 +1,69 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import AsyncButton from '@/components/ui/button/AsyncButton.vue'
|
import AsyncButton from "@/components/ui/button/AsyncButton.vue";
|
||||||
import dayjs from 'dayjs';
|
import dayjs from "dayjs";
|
||||||
import duration from 'dayjs/plugin/duration';
|
import duration from "dayjs/plugin/duration";
|
||||||
import relativeTime from 'dayjs/plugin/relativeTime';
|
import relativeTime from "dayjs/plugin/relativeTime";
|
||||||
import { isBoolean } from 'lodash-es';
|
import { isBoolean } from "lodash-es";
|
||||||
import { LucideCheck, LucideX } from 'lucide-vue-next';
|
import { LucideCheck, LucideX } from "lucide-vue-next";
|
||||||
import { useQueryClient } from '@tanstack/vue-query';
|
import { useQueryClient } from "@tanstack/vue-query";
|
||||||
dayjs.extend(duration)
|
dayjs.extend(duration);
|
||||||
dayjs.extend(relativeTime)
|
dayjs.extend(relativeTime);
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
data: any
|
data: any;
|
||||||
}>()
|
}>();
|
||||||
|
|
||||||
const queryClient = useQueryClient()
|
const queryClient = useQueryClient();
|
||||||
|
const { downloadFile } = useMyAppShare();
|
||||||
|
|
||||||
const handleDownload = async () => {
|
const handleDownload = async () => {
|
||||||
const { id } = props?.data || {}
|
const { id } = props?.data || {};
|
||||||
const data = await $fetch<{
|
await downloadFile(id);
|
||||||
code: number
|
queryClient.invalidateQueries({ queryKey: ["share", id] });
|
||||||
data: {
|
};
|
||||||
token?: string
|
|
||||||
}
|
|
||||||
}>(`/api/download`, {
|
|
||||||
method: 'POST',
|
|
||||||
body: {
|
|
||||||
share_id: id
|
|
||||||
}
|
|
||||||
})
|
|
||||||
const { token } = data?.data || {}
|
|
||||||
if (!token) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
(window as any)?.open(`/api/download?token=${token}`)
|
|
||||||
queryClient.invalidateQueries({ queryKey: ['share', id] })
|
|
||||||
}
|
|
||||||
|
|
||||||
const expireSeconds = computed(() => {
|
const expireSeconds = computed(() => {
|
||||||
return dayjs(props?.data?.expire_at * 10e2).unix() - dayjs().unix()
|
return dayjs(props?.data?.expire_at * 10e2).unix() - dayjs().unix();
|
||||||
})
|
});
|
||||||
|
|
||||||
const { remaining, start} = useCountdown(expireSeconds.value)
|
const { remaining, start } = useCountdown(expireSeconds.value);
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
start()
|
start();
|
||||||
})
|
});
|
||||||
|
|
||||||
const fileShareInfo = computed(() => {
|
const fileShareInfo = computed(() => {
|
||||||
return [
|
return [
|
||||||
{ label: '需要密码', value: props?.data?.has_password ?? false },
|
{ label: "需要密码", value: props?.data?.has_password ?? false },
|
||||||
{ label: '过期时间', value: dayjs.duration(remaining.value, 'seconds').format(`D天 HH:mm:ss`) },
|
{
|
||||||
{ label: '剩余下载次数', value: props?.data?.download_nums ?? 0 },
|
label: "过期时间",
|
||||||
]
|
value: dayjs.duration(remaining.value, "seconds").format(`D天 HH:mm:ss`),
|
||||||
})
|
},
|
||||||
|
{ label: "剩余下载次数", value: props?.data?.download_nums ?? 0 },
|
||||||
|
];
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="flex flex-col gap-5 items-center">
|
<div class="flex flex-col gap-5 items-center">
|
||||||
<h1 class="text-xl font-bold">下载文件</h1>
|
<h1 class="text-xl font-bold">下载文件</h1>
|
||||||
<FilePreviewView :value="props?.data" />
|
<FilePreviewView :value="props?.data" />
|
||||||
<div class="flex flex-col gap-2 md:flex-row w-full">
|
<div class="flex flex-col gap-2 md:flex-row w-full">
|
||||||
<div class="flex flex-row md:flex-col md:gap-1 justify-between items-center md:flex-1" v-for="item in fileShareInfo">
|
<div
|
||||||
<div class="text-xs opacity-75">{{ item?.label }}</div>
|
class="flex flex-row md:flex-col md:gap-1 justify-between items-center md:flex-1"
|
||||||
<component v-if="isBoolean(item?.value)" :is="item?.value ? LucideCheck : LucideX" class="size-6" />
|
v-for="item in fileShareInfo"
|
||||||
<div v-else class="md:text-xl">{{ item?.value }}</div>
|
>
|
||||||
</div>
|
<div class="text-xs opacity-75">{{ item?.label }}</div>
|
||||||
</div>
|
<component
|
||||||
<div class="w-full">
|
v-if="isBoolean(item?.value)"
|
||||||
<AsyncButton @click="handleDownload" class="w-full">下载</AsyncButton>
|
:is="item?.value ? LucideCheck : LucideX"
|
||||||
</div>
|
class="size-6"
|
||||||
|
/>
|
||||||
|
<div v-else class="md:text-xl">{{ item?.value }}</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
<div class="w-full">
|
||||||
|
<AsyncButton @click="handleDownload" class="w-full">下载</AsyncButton>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|||||||
@@ -1,13 +1,17 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import dayjs from 'dayjs';
|
import dayjs from 'dayjs'
|
||||||
import AsyncButton from '@/components/ui/button/AsyncButton.vue'
|
import AsyncButton from '@/components/ui/button/AsyncButton.vue'
|
||||||
import duration from 'dayjs/plugin/duration';
|
import duration from 'dayjs/plugin/duration'
|
||||||
import relativeTime from 'dayjs/plugin/relativeTime';
|
import relativeTime from 'dayjs/plugin/relativeTime'
|
||||||
import { isBoolean } from 'lodash-es';
|
import { isBoolean } from 'lodash-es'
|
||||||
import { LucideCheck, LucideX } from 'lucide-vue-next';
|
import { LucideCheck, LucideX } from 'lucide-vue-next'
|
||||||
import { cx } from 'class-variance-authority';
|
import { cx } from 'class-variance-authority'
|
||||||
import { toast } from 'vue-sonner';
|
import { toast } from 'vue-sonner'
|
||||||
import MarkdownRender from '@/components/MarkdownRender.vue'
|
import MarkdownRender from '@/components/MarkdownRender.vue'
|
||||||
|
import { Button } from '@/components/ui/button'
|
||||||
|
import { LucideCopy } from 'lucide-vue-next'
|
||||||
|
import { useClipboard } from '@vueuse/core'
|
||||||
|
|
||||||
dayjs.extend(duration)
|
dayjs.extend(duration)
|
||||||
dayjs.extend(relativeTime)
|
dayjs.extend(relativeTime)
|
||||||
|
|
||||||
@@ -15,12 +19,16 @@ const props = defineProps<{
|
|||||||
data: any
|
data: any
|
||||||
}>()
|
}>()
|
||||||
|
|
||||||
|
const { getShareToken } = useMyAppShare()
|
||||||
|
|
||||||
const expireSeconds = computed(() => {
|
const expireSeconds = computed(() => {
|
||||||
return dayjs(props?.data?.expire_at * 10e2).unix() - dayjs().unix()
|
return dayjs(props?.data?.expire_at * 10e2).unix() - dayjs().unix()
|
||||||
})
|
})
|
||||||
|
|
||||||
const { remaining, start } = useCountdown(expireSeconds.value)
|
const { remaining, start } = useCountdown(expireSeconds.value)
|
||||||
|
|
||||||
|
const { copy } = useClipboard()
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
start()
|
start()
|
||||||
})
|
})
|
||||||
@@ -28,7 +36,10 @@ onMounted(() => {
|
|||||||
const fileShareInfo = computed(() => {
|
const fileShareInfo = computed(() => {
|
||||||
return [
|
return [
|
||||||
{ label: '需要密码', value: props?.data?.has_password ?? false },
|
{ label: '需要密码', value: props?.data?.has_password ?? false },
|
||||||
{ label: '过期时间', value: dayjs.duration(remaining.value, 'seconds').format(`D天 HH:mm:ss`) },
|
{
|
||||||
|
label: '过期时间',
|
||||||
|
value: dayjs.duration(remaining.value, 'seconds').format(`D天 HH:mm:ss`),
|
||||||
|
},
|
||||||
{ label: '剩余浏览次数', value: props?.data?.download_nums ?? 0 },
|
{ label: '剩余浏览次数', value: props?.data?.download_nums ?? 0 },
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
@@ -36,22 +47,7 @@ const previewText = ref<string | null>(null)
|
|||||||
|
|
||||||
const handlePreview = async () => {
|
const handlePreview = async () => {
|
||||||
try {
|
try {
|
||||||
const { id } = props?.data || {}
|
const token = await getShareToken(props?.data?.id)
|
||||||
const data = await $fetch<{
|
|
||||||
code: number
|
|
||||||
data: {
|
|
||||||
token?: string
|
|
||||||
}
|
|
||||||
}>(`/api/download`, {
|
|
||||||
method: 'POST',
|
|
||||||
body: {
|
|
||||||
share_id: id
|
|
||||||
}
|
|
||||||
})
|
|
||||||
const { token } = data?.data || {}
|
|
||||||
if (!token) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
const r = await $fetch<{
|
const r = await $fetch<{
|
||||||
code: number
|
code: number
|
||||||
data: {
|
data: {
|
||||||
@@ -60,17 +56,31 @@ const handlePreview = async () => {
|
|||||||
}>(`/api/download?token=${token}`)
|
}>(`/api/download?token=${token}`)
|
||||||
previewText.value = r?.data?.data
|
previewText.value = r?.data?.data
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
toast.error(error?.data?.message || '获取失败')
|
toast.error((error as any)?.data?.message || error)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<div :class="cx('flex flex-col max-h-full', !!previewText ? 'gap-3' : 'gap-16 items-center')">
|
<div :class="cx('flex flex-col max-h-full', !!previewText ? 'gap-3' : 'gap-16 items-center')">
|
||||||
<h1 class="text-xl">查看文本</h1>
|
<div :class="cx('flex flex-row w-full', !!previewText ? 'justify-between' : 'justify-center')">
|
||||||
|
<h1 class="text-xl">查看文本</h1>
|
||||||
|
<Button
|
||||||
|
v-if="!!previewText"
|
||||||
|
variant="outline"
|
||||||
|
size="icon"
|
||||||
|
@click="
|
||||||
|
() => {
|
||||||
|
copy(previewText as string)
|
||||||
|
toast.success('复制成功')
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<LucideCopy />
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
<template v-if="!previewText">
|
<template v-if="!previewText">
|
||||||
<div class="flex flex-col gap-2 md:flex-row w-full">
|
<div class="flex flex-col gap-2 md:flex-row w-full">
|
||||||
<div class="flex flex-row md:flex-col md:gap-1 justify-between items-center md:flex-1"
|
<div class="flex flex-row md:flex-col md:gap-1 justify-between items-center md:flex-1" v-for="item in fileShareInfo">
|
||||||
v-for="item in fileShareInfo">
|
|
||||||
<div class="text-xs opacity-75">{{ item?.label }}</div>
|
<div class="text-xs opacity-75">{{ item?.label }}</div>
|
||||||
<component v-if="isBoolean(item?.value)" :is="item?.value ? LucideCheck : LucideX" class="size-6" />
|
<component v-if="isBoolean(item?.value)" :is="item?.value ? LucideCheck : LucideX" class="size-6" />
|
||||||
<div v-else class="md:text-xl">{{ item?.value }}</div>
|
<div v-else class="md:text-xl">{{ item?.value }}</div>
|
||||||
@@ -84,4 +94,4 @@ const handlePreview = async () => {
|
|||||||
<MarkdownRender :markdown="previewText" class="rounded-md bg-white/70 p-3 w-full max-w-full min-h-80 overflow-y-auto" />
|
<MarkdownRender :markdown="previewText" class="rounded-md bg-white/70 p-3 w-full max-w-full min-h-80 overflow-y-auto" />
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -1,72 +1,102 @@
|
|||||||
|
import { toast } from 'vue-sonner'
|
||||||
|
|
||||||
|
let shareIdTokenMap: WeakMap<{ share_id: string }, string>
|
||||||
|
|
||||||
|
const getShareToken = async (share_id: string): Promise<string | undefined> => {
|
||||||
|
if (!shareIdTokenMap) {
|
||||||
|
shareIdTokenMap = new WeakMap()
|
||||||
|
}
|
||||||
|
let token = shareIdTokenMap.get({ share_id })
|
||||||
|
if (!token) {
|
||||||
|
const data = await $fetch<{
|
||||||
|
code: number
|
||||||
|
message: string
|
||||||
|
data: {
|
||||||
|
token?: string
|
||||||
|
}
|
||||||
|
}>(`/api/download`, {
|
||||||
|
method: 'POST',
|
||||||
|
body: {
|
||||||
|
share_id,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
if (!data?.data?.token) {
|
||||||
|
throw new Error(data?.message || '获取token失败')
|
||||||
|
}
|
||||||
|
token = data.data.token
|
||||||
|
shareIdTokenMap.set({ share_id }, token)
|
||||||
|
}
|
||||||
|
return token
|
||||||
|
}
|
||||||
|
|
||||||
const downloadFile = async (share_id: string) => {
|
const downloadFile = async (share_id: string) => {
|
||||||
const data = await $fetch<{
|
try {
|
||||||
code: number;
|
const token = await getShareToken(share_id)
|
||||||
data: {
|
if (!token) {
|
||||||
token?: string;
|
throw new Error('获取token失败')
|
||||||
};
|
return
|
||||||
}>(`/api/download`, {
|
}
|
||||||
method: "POST",
|
;(window as any)?.open(`/api/download?token=${token}`)
|
||||||
body: {
|
} catch (e) {
|
||||||
share_id,
|
toast.error((e as any)?.data?.message || e)
|
||||||
},
|
}
|
||||||
});
|
}
|
||||||
const { token } = data?.data || {};
|
|
||||||
if (!token) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
(window as any)?.open(`/api/download?token=${token}`);
|
|
||||||
};
|
|
||||||
|
|
||||||
const createShare = async (data: any) => {
|
const createShare = async (data: any) => {
|
||||||
return await $fetch<{
|
return await $fetch<{
|
||||||
code: number;
|
code: number
|
||||||
data: {
|
data: {
|
||||||
id?: string;
|
id?: string
|
||||||
};
|
download_nums?: number
|
||||||
}>(`/api/share`, {
|
expire_at?: number
|
||||||
method: "POST",
|
file_name?: string
|
||||||
body: data,
|
pickup_code?: string
|
||||||
});
|
}
|
||||||
};
|
}>(`/api/share`, {
|
||||||
|
method: 'POST',
|
||||||
|
body: data,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
const createFileShare = async (data: {
|
const createFileShare = async (data: {
|
||||||
file_id: string;
|
file_id: string
|
||||||
config: {
|
config: {
|
||||||
download_nums: number;
|
download_nums: number
|
||||||
expire_time: number;
|
expire_time: number
|
||||||
has_pickup_code?: boolean;
|
has_pickup_code?: boolean
|
||||||
has_password?: boolean;
|
has_password?: boolean
|
||||||
pickup_code?: string;
|
pickup_code?: string
|
||||||
password?: string;
|
password?: string
|
||||||
notify_email?: string;
|
notify_email?: string
|
||||||
};
|
}
|
||||||
file_name: string;
|
file_name: string
|
||||||
}) => {
|
}) => {
|
||||||
const { file_id, config, file_name } = data || {};
|
const { file_id, config, file_name } = data || {}
|
||||||
return await createShare({
|
return await createShare({
|
||||||
type: "file",
|
type: 'file',
|
||||||
data: file_id,
|
data: file_id,
|
||||||
config,
|
config,
|
||||||
file_name,
|
file_name,
|
||||||
});
|
})
|
||||||
};
|
}
|
||||||
|
|
||||||
const createTextShare = async (data: { text: string; config: any }) => {
|
const createTextShare = async (data: { text: string; config: any }) => {
|
||||||
const { text, config } = data || {};
|
const { text, config } = data || {}
|
||||||
return await createShare({
|
return await createShare({
|
||||||
type: "text",
|
type: 'text',
|
||||||
data: text,
|
data: text,
|
||||||
config,
|
config,
|
||||||
});
|
})
|
||||||
};
|
}
|
||||||
|
|
||||||
const useMyAppShare = () => {
|
const useMyAppShare = () => {
|
||||||
return {
|
return {
|
||||||
downloadFile,
|
downloadFile,
|
||||||
createShare,
|
createShare,
|
||||||
createFileShare,
|
createFileShare,
|
||||||
createTextShare,
|
createTextShare,
|
||||||
};
|
getShareToken,
|
||||||
};
|
}
|
||||||
|
}
|
||||||
|
|
||||||
export default useMyAppShare;
|
export default useMyAppShare
|
||||||
|
|||||||
@@ -4,23 +4,45 @@ type UseSeoProps = {
|
|||||||
}
|
}
|
||||||
const useSeo = async (props: UseSeoProps = {}) => {
|
const useSeo = async (props: UseSeoProps = {}) => {
|
||||||
const { head, seo } = props || {}
|
const { head, seo } = props || {}
|
||||||
const { data } = await useFetch<any>('/config')
|
const seoMeta = ref<any>()
|
||||||
const seoMeta = computed(() => data.value?.data)
|
if (import.meta.server) {
|
||||||
const { title } = head || {}
|
const { SITE_TITLE, SITE_DESC, SITE_URL } = process.env || {}
|
||||||
useHead({
|
seoMeta.value = {
|
||||||
...head,
|
site_title: SITE_TITLE,
|
||||||
title: title ? `${title} - ${seoMeta?.value?.site_title}` : seoMeta?.value?.site_title,
|
site_desc: SITE_DESC,
|
||||||
})
|
site_url: SITE_URL,
|
||||||
useSeoMeta({
|
}
|
||||||
...seo,
|
const { title } = head || {}
|
||||||
title: seoMeta?.value?.site_title,
|
useHead({
|
||||||
description: seoMeta?.value?.site_desc,
|
link: [
|
||||||
ogTitle: seoMeta?.value?.site_title,
|
{ rel: 'icon', href: '/logo.png', sizes: 'any' },
|
||||||
ogDescription: seoMeta?.value?.site_desc,
|
// { rel: 'icon', href: '/favicon.svg', sizes: 'any', type: 'image/svg+xml' },
|
||||||
// ogImage: seoMeta?.value?.site_url,
|
{ rel: 'apple-touch-icon', sizes: '180x180', href: '/logo.png' },
|
||||||
// twitterCard: 'summary_large_image',
|
],
|
||||||
})
|
meta: [
|
||||||
|
// used on some mobile browsers
|
||||||
|
{ name: 'theme-color', content: '#395276' },
|
||||||
|
],
|
||||||
|
...head,
|
||||||
|
title: title ? `${title} - ${seoMeta?.value?.site_title}` : seoMeta?.value?.site_title,
|
||||||
|
})
|
||||||
|
useSeoMeta({
|
||||||
|
...seo,
|
||||||
|
title: seoMeta?.value?.site_title,
|
||||||
|
description: seoMeta?.value?.site_desc,
|
||||||
|
ogTitle: seoMeta?.value?.site_title,
|
||||||
|
ogDescription: seoMeta?.value?.site_desc,
|
||||||
|
ogImage: {
|
||||||
|
url: `${seoMeta?.value?.site_url}/logo.png`,
|
||||||
|
width: 1024,
|
||||||
|
height: 1024,
|
||||||
|
alt: 'logo',
|
||||||
|
type: 'image/png',
|
||||||
|
},
|
||||||
|
twitterCard: 'summary',
|
||||||
|
})
|
||||||
|
}
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
export default useSeo
|
export default useSeo
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import type { NuxtError } from "#app";
|
import type { NuxtError } from "#app";
|
||||||
import { useI18n } from "vue-i18n";
|
import { useI18n } from "vue-i18n";
|
||||||
import { Button } from "~/components/ui/button";
|
import { Button } from "@/components/ui/button";
|
||||||
|
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
|
|
||||||
|
|||||||
14
front/lib/asyncWorker.ts
Normal file
14
front/lib/asyncWorker.ts
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
const asyncWorker = (w: new () => Worker, opts: { data: any }) => {
|
||||||
|
const { data } = opts || {}
|
||||||
|
return new Promise<MessageEvent>((resolve, reject) => {
|
||||||
|
const worker = new w()
|
||||||
|
worker.postMessage(data || {})
|
||||||
|
worker.onmessage = (e: MessageEvent) => {
|
||||||
|
resolve(e)
|
||||||
|
}
|
||||||
|
worker.onerror = (e: ErrorEvent) => {
|
||||||
|
reject(e)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export default asyncWorker
|
||||||
@@ -1,44 +1,47 @@
|
|||||||
import SparkMD5 from 'spark-md5';
|
import { noop } from 'lodash-es'
|
||||||
import { noop } from 'lodash-es';
|
import { md5 } from 'js-md5'
|
||||||
|
|
||||||
interface CalcFileHashProps {
|
interface CalcFileHashProps {
|
||||||
file: File;
|
file: File
|
||||||
onProgress?: (current: number) => void;
|
onProgress?: (current: number) => void
|
||||||
chunkSize?: number;
|
chunkSize?: number
|
||||||
}
|
}
|
||||||
|
|
||||||
const calcFileHash = async (props: CalcFileHashProps) => {
|
const calcFileHash = async (props: CalcFileHashProps) => {
|
||||||
const { file, onProgress = noop, chunkSize = 100 } = props || {};
|
const { file, onProgress = noop, chunkSize = 100 } = props || {}
|
||||||
const finalChunkSize = chunkSize * 1024 * 1024;
|
const blob = await file.arrayBuffer()
|
||||||
const chunks = Math.ceil(file.size / finalChunkSize);
|
const hash = md5(blob)
|
||||||
const spark = new SparkMD5.ArrayBuffer(); // 使用 SparkMD5 增量计算哈希
|
return hash
|
||||||
const fileReader = new FileReader();
|
// const finalChunkSize = chunkSize * 1024 * 1024;
|
||||||
|
// const chunks = Math.ceil(file.size / finalChunkSize);
|
||||||
|
// const spark = new SparkMD5.ArrayBuffer(); // 使用 SparkMD5 增量计算哈希
|
||||||
|
// const fileReader = new FileReader();
|
||||||
|
|
||||||
const readChunk = (start: number): Promise<ArrayBuffer> => {
|
// const readChunk = (start: number): Promise<ArrayBuffer> => {
|
||||||
return new Promise((resolve, reject) => {
|
// return new Promise((resolve, reject) => {
|
||||||
const chunk = file.slice(start, start + finalChunkSize);
|
// const chunk = file.slice(start, Math.min(start + finalChunkSize, file.size));
|
||||||
fileReader.onload = (e) => resolve(e.target?.result as ArrayBuffer);
|
// fileReader.onload = (e) => resolve(e.target?.result as ArrayBuffer);
|
||||||
fileReader.onerror = reject;
|
// fileReader.onerror = reject;
|
||||||
fileReader.readAsArrayBuffer(chunk);
|
// fileReader.readAsArrayBuffer(chunk);
|
||||||
});
|
// });
|
||||||
};
|
// };
|
||||||
|
|
||||||
try {
|
// try {
|
||||||
const progressCallback = (current: number) => {
|
// const progressCallback = (current: number) => {
|
||||||
const percentage = Math.round((current / chunks) * 100);
|
// const percentage = Math.round((current / chunks) * 100);
|
||||||
onProgress(percentage);
|
// onProgress(percentage);
|
||||||
};
|
// };
|
||||||
|
|
||||||
for (let i = 0; i < chunks; i++) {
|
// for (let i = 0; i < chunks; i++) {
|
||||||
const chunk = await readChunk(i * chunkSize);
|
// const chunk = await readChunk(i * chunkSize);
|
||||||
spark.append(chunk);
|
// spark.append(chunk);
|
||||||
progressCallback(i + 1);
|
// progressCallback(i + 1);
|
||||||
}
|
// }
|
||||||
|
|
||||||
return spark.end();
|
// return spark.end();
|
||||||
} catch (error) {
|
// } catch (error) {
|
||||||
throw error;
|
// throw error;
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
export default calcFileHash;
|
export default calcFileHash
|
||||||
|
|||||||
8
front/lib/calcFileHashWorker.ts
Normal file
8
front/lib/calcFileHashWorker.ts
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
import calcFileHash from './calcFileHash'
|
||||||
|
|
||||||
|
// 监听主线程消息
|
||||||
|
self.onmessage = async (e: MessageEvent<{ file: File }>) => {
|
||||||
|
const { file } = e.data || {}
|
||||||
|
const hash = await calcFileHash({ file })
|
||||||
|
self.postMessage({ hash })
|
||||||
|
}
|
||||||
@@ -3,7 +3,7 @@ import tailwindcss from "@tailwindcss/vite";
|
|||||||
export default defineNuxtConfig({
|
export default defineNuxtConfig({
|
||||||
compatibilityDate: "2024-04-03",
|
compatibilityDate: "2024-04-03",
|
||||||
devtools: { enabled: true },
|
devtools: { enabled: true },
|
||||||
css: ["~/assets/css/main.css"],
|
css: ["@/assets/css/main.css"],
|
||||||
modules: [
|
modules: [
|
||||||
// '@serwist/nuxt',
|
// '@serwist/nuxt',
|
||||||
"@vueuse/nuxt",
|
"@vueuse/nuxt",
|
||||||
@@ -35,7 +35,6 @@ export default defineNuxtConfig({
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
devServer: {
|
devServer: {
|
||||||
port: parseInt(process.env.PORT || "5000"),
|
port: 5000,
|
||||||
host: process.env.HOST || "0.0.0.0",
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -1,68 +1,71 @@
|
|||||||
{
|
{
|
||||||
"name": "015-front",
|
"name": "015-front",
|
||||||
"private": true,
|
"private": true,
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"build": "nuxt build",
|
"build": "nuxt build",
|
||||||
"dev": "nuxt dev",
|
"dev": "nuxt dev",
|
||||||
"generate": "nuxt generate",
|
"generate": "nuxt generate",
|
||||||
"preview": "nuxt preview",
|
"preview": "nuxt preview",
|
||||||
"postinstall": "nuxt prepare"
|
"postinstall": "nuxt prepare"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@nuxt/image": "1.10.0",
|
"@nuxt/image": "1.10.0",
|
||||||
"@nuxtjs/i18n": "9.5.5",
|
"@nuxtjs/i18n": "9.5.5",
|
||||||
"@pinia/nuxt": "^0.11.0",
|
"@pinia/nuxt": "^0.11.0",
|
||||||
"pinia": "^3.0.2",
|
"@tailwindcss/postcss": "^4.1.3",
|
||||||
"@tailwindcss/postcss": "^4.1.3",
|
"@tailwindcss/vite": "^4.1.3",
|
||||||
"@tailwindcss/vite": "^4.1.3",
|
"@tanstack/vue-query": "^5.76.0",
|
||||||
"@tanstack/vue-query": "^5.76.0",
|
"@tiptap/extension-blockquote": "^2.11.7",
|
||||||
"@tiptap/extension-blockquote": "^2.11.7",
|
"@tiptap/extension-bold": "^2.11.7",
|
||||||
"@tiptap/extension-bold": "^2.11.7",
|
"@tiptap/extension-heading": "^2.11.7",
|
||||||
"@tiptap/extension-heading": "^2.11.7",
|
"@tiptap/extension-italic": "^2.11.7",
|
||||||
"@tiptap/extension-italic": "^2.11.7",
|
"@tiptap/extension-paragraph": "^2.11.7",
|
||||||
"@tiptap/extension-paragraph": "^2.11.7",
|
"@tiptap/extension-placeholder": "^2.11.7",
|
||||||
"@tiptap/extension-placeholder": "^2.11.7",
|
"@tiptap/extension-strike": "^2.11.7",
|
||||||
"@tiptap/extension-strike": "^2.11.7",
|
"@tiptap/extension-text": "^2.11.7",
|
||||||
"@tiptap/extension-text": "^2.11.7",
|
"@tiptap/pm": "^2.11.7",
|
||||||
"@tiptap/pm": "^2.11.7",
|
"@tiptap/starter-kit": "^2.11.7",
|
||||||
"@tiptap/starter-kit": "^2.11.7",
|
"@tiptap/vue-3": "^2.11.7",
|
||||||
"@tiptap/vue-3": "^2.11.7",
|
"@unovis/ts": "^1.5.1",
|
||||||
"@types/lodash-es": "^4.17.12",
|
"@unovis/vue": "^1.5.1",
|
||||||
"@types/spark-md5": "^3.0.5",
|
"@vee-validate/nuxt": "^4.15.0",
|
||||||
"@unovis/ts": "^1.5.1",
|
"@vee-validate/rules": "^4.15.0",
|
||||||
"@unovis/vue": "^1.5.1",
|
"axios": "^1.8.4",
|
||||||
"@vee-validate/nuxt": "^4.15.0",
|
"class-variance-authority": "^0.7.1",
|
||||||
"@vee-validate/rules": "^4.15.0",
|
"clsx": "^2.1.1",
|
||||||
"axios": "^1.8.4",
|
"dayjs": "^1.11.13",
|
||||||
"class-variance-authority": "^0.7.1",
|
"filesize": "^10.1.6",
|
||||||
"clsx": "^2.1.1",
|
"js-md5": "^0.8.3",
|
||||||
"dayjs": "^1.11.13",
|
"lodash-es": "^4.17.21",
|
||||||
"filesize": "^10.1.6",
|
"lucide-vue-next": "^0.487.0",
|
||||||
"lodash-es": "^4.17.21",
|
"markdown-it": "^14.1.0",
|
||||||
"lucide-vue-next": "^0.487.0",
|
"motion-v": "1.0.0-beta.2",
|
||||||
"markdown-it": "^14.1.0",
|
"nuxt": "^3.17.4",
|
||||||
"motion-v": "1.0.0-beta.2",
|
"nuxt-lucide-icons": "1.0.5",
|
||||||
"nuxt": "^3.17.4",
|
"pinia": "^3.0.2",
|
||||||
"vue": "^3.5.16",
|
"qrcode": "^1.5.4",
|
||||||
"vue-router": "^4.5.1",
|
"reka-ui": "^2.2.0",
|
||||||
"nuxt-lucide-icons": "1.0.5",
|
"shadcn-nuxt": "2.0.1",
|
||||||
"reka-ui": "^2.2.0",
|
"spark-md5": "^3.0.2",
|
||||||
"shadcn-nuxt": "2.0.1",
|
"tailwind-merge": "^3.2.0",
|
||||||
"spark-md5": "^3.0.2",
|
"tailwindcss": "^4.1.3",
|
||||||
"tailwind-merge": "^3.2.0",
|
"tiptap-markdown": "^0.8.10",
|
||||||
"tailwindcss": "^4.1.3",
|
"tw-animate-css": "^1.2.5",
|
||||||
"tiptap-markdown": "^0.8.10",
|
"vaul-vue": "^0.4.1",
|
||||||
"tw-animate-css": "^1.2.5",
|
"vue": "^3.5.16",
|
||||||
"vaul-vue": "^0.4.1",
|
"vue-router": "^4.5.1",
|
||||||
"vue-sonner": "^1.3.2"
|
"vue-sonner": "^1.3.2"
|
||||||
},
|
},
|
||||||
"packageManager": "pnpm@9.11.0+sha512.0a203ffaed5a3f63242cd064c8fb5892366c103e328079318f78062f24ea8c9d50bc6a47aa3567cabefd824d170e78fa2745ed1f16b132e16436146b7688f19b",
|
"packageManager": "pnpm@9.11.0+sha512.0a203ffaed5a3f63242cd064c8fb5892366c103e328079318f78062f24ea8c9d50bc6a47aa3567cabefd824d170e78fa2745ed1f16b132e16436146b7688f19b",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@nuxtjs/tailwindcss": "^6.13.2",
|
"@nuxtjs/tailwindcss": "^6.13.2",
|
||||||
"@tailwindcss/typography": "^0.5.16",
|
"@tailwindcss/typography": "^0.5.16",
|
||||||
"@types/markdown-it": "^14.1.2",
|
"@types/lodash-es": "^4.17.12",
|
||||||
"@vueuse/core": "^13.0.0",
|
"@types/markdown-it": "^14.1.2",
|
||||||
"@vueuse/nuxt": "^13.0.0"
|
"@types/qrcode": "^1.5.5",
|
||||||
}
|
"@types/spark-md5": "^3.0.5",
|
||||||
|
"@vueuse/core": "^13.0.0",
|
||||||
|
"@vueuse/nuxt": "^13.0.0"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,240 +1,213 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { CurveType } from "@unovis/ts";
|
import { CurveType } from '@unovis/ts'
|
||||||
import { AreaChart } from "@/components/ui/chart-area";
|
import { AreaChart } from '@/components/ui/chart-area'
|
||||||
import { cx } from "class-variance-authority";
|
import { cx } from 'class-variance-authority'
|
||||||
import { useQuery } from "@tanstack/vue-query";
|
import { useQuery } from '@tanstack/vue-query'
|
||||||
import { Skeleton } from "@/components/ui/skeleton";
|
import { Skeleton } from '@/components/ui/skeleton'
|
||||||
import AboutChartTooltip from "@/components/AboutChartTooltip.vue";
|
import AboutChartTooltip from '@/components/AboutChartTooltip.vue'
|
||||||
import { filesize } from "filesize";
|
import { filesize } from 'filesize'
|
||||||
import SparkMD5 from "spark-md5";
|
import SparkMD5 from 'spark-md5'
|
||||||
import useMyAppConfig from "@/composables/useMyAppConfig";
|
import useMyAppConfig from '@/composables/useMyAppConfig'
|
||||||
|
import dayjs from 'dayjs'
|
||||||
|
import relativeTime from 'dayjs/plugin/relativeTime'
|
||||||
|
import Progress from '~/components/ui/progress/Progress.vue'
|
||||||
|
|
||||||
const appConfig = useMyAppConfig();
|
dayjs.extend(relativeTime)
|
||||||
const { site_title, site_desc } = appConfig.value || {};
|
|
||||||
|
const appConfig = useMyAppConfig()
|
||||||
|
const { site_title, site_desc } = appConfig.value || {}
|
||||||
|
|
||||||
const { data, isLoading } = useQuery({
|
const { data, isLoading } = useQuery({
|
||||||
queryKey: ["stat"],
|
queryKey: ['stat'],
|
||||||
queryFn: async () => {
|
queryFn: async () => {
|
||||||
const data = await $fetch<{ data: any }>("/api/stat");
|
const data = await $fetch<{ data: any }>('/api/stat')
|
||||||
return data.data;
|
return data.data
|
||||||
},
|
},
|
||||||
});
|
})
|
||||||
|
|
||||||
const { t } = useI18n();
|
const { t } = useI18n()
|
||||||
|
|
||||||
const chartTabs = computed(() => {
|
const chartTabs = computed(() => {
|
||||||
return [
|
return [
|
||||||
{
|
{
|
||||||
label: t("about.file"),
|
label: t('about.file'),
|
||||||
value: "storage",
|
value: 'storage',
|
||||||
total:
|
total: data.value?.chart?.storage?.reduce((acc: number, curr: { file_size: number; file_num: number }) => acc + curr.file_num, 0) ?? 0,
|
||||||
data.value?.chart?.storage?.reduce(
|
},
|
||||||
(acc: number, curr: { file_size: number; file_num: number }) =>
|
{
|
||||||
acc + curr.file_num,
|
label: t('about.task'),
|
||||||
0,
|
value: 'queue',
|
||||||
) ?? 0,
|
total:
|
||||||
},
|
data.value?.chart?.queue?.reduce(
|
||||||
{
|
(acc: number, curr: { processed: number; failed: number }) => acc + curr.processed + curr.failed,
|
||||||
label: t("about.task"),
|
0
|
||||||
value: "queue",
|
) ?? 0,
|
||||||
total:
|
},
|
||||||
data.value?.chart?.queue?.reduce(
|
]
|
||||||
(acc: number, curr: { processed: number; failed: number }) =>
|
})
|
||||||
acc + curr.processed + curr.failed,
|
|
||||||
0,
|
|
||||||
) ?? 0,
|
|
||||||
},
|
|
||||||
];
|
|
||||||
});
|
|
||||||
|
|
||||||
const currentFileSize = computed(() => {
|
const currentFileSize = computed(() => {
|
||||||
return (
|
return data.value?.chart?.storage?.reduce((acc: number, curr: { file_size: number; file_num: number }) => acc + curr.file_size, 0) ?? 0
|
||||||
data.value?.chart?.storage?.reduce(
|
})
|
||||||
(acc: number, curr: { file_size: number; file_num: number }) =>
|
|
||||||
acc + curr.file_size,
|
|
||||||
0,
|
|
||||||
) ?? 0
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
const currentChartTab = ref<"storage" | "queue">("storage");
|
const currentChartTab = ref<'storage' | 'queue'>('storage')
|
||||||
const currentChartData = computed(() => {
|
const currentChartData = computed(() => {
|
||||||
const { storage, queue } = data.value?.chart || {};
|
const { storage, queue } = data.value?.chart || {}
|
||||||
if (currentChartTab.value === "storage") {
|
if (currentChartTab.value === 'storage') {
|
||||||
|
return {
|
||||||
|
data: storage,
|
||||||
|
index: 'date',
|
||||||
|
categories: ['file_size', 'file_num'],
|
||||||
|
colors: ['#22d3ee', '#c084fc'],
|
||||||
|
}
|
||||||
|
}
|
||||||
return {
|
return {
|
||||||
data: storage,
|
data: queue,
|
||||||
index: "date",
|
index: 'date',
|
||||||
categories: ["file_size", "file_num"],
|
categories: ['processed', 'failed'],
|
||||||
colors: ["#22d3ee", "#c084fc"],
|
colors: ['#4ade80', '#f87171'],
|
||||||
};
|
}
|
||||||
}
|
})
|
||||||
return {
|
|
||||||
data: queue,
|
|
||||||
index: "date",
|
|
||||||
categories: ["processed", "failed"],
|
|
||||||
colors: ["#4ade80", "#f87171"],
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
const genUserAvatar = ({ email }: { email: string }) => {
|
const genUserAvatar = ({ email }: { email: string }) => {
|
||||||
if (!email) {
|
if (!email) {
|
||||||
return "/logo.png";
|
return '/logo.png'
|
||||||
}
|
}
|
||||||
return `https://www.gravatar.com/avatar/${SparkMD5.hash(email)}?d=retro`;
|
return `https://www.gravatar.com/avatar/${SparkMD5.hash(email)}?d=retro`
|
||||||
};
|
}
|
||||||
|
|
||||||
const handleUserClick = ({ url, email }: { url: string; email: string }) => {
|
const handleUserClick = ({ url, email }: { url: string; email: string }) => {
|
||||||
if (url) {
|
if (url) {
|
||||||
return navigateTo(url, { external: true });
|
return navigateTo(url, { external: true })
|
||||||
}
|
}
|
||||||
if (email) {
|
if (email) {
|
||||||
return navigateTo(`mailto:${email}`, { external: true });
|
return navigateTo(`mailto:${email}`, { external: true })
|
||||||
}
|
}
|
||||||
return null;
|
return null
|
||||||
};
|
}
|
||||||
|
|
||||||
const users = computed(() => {
|
const users = computed(() => {
|
||||||
const { email, name, url } = data.value?.admin || {};
|
const { email, name, url } = data.value?.admin || {}
|
||||||
return [
|
return [
|
||||||
...(!!name
|
...(!!name
|
||||||
? [
|
? [
|
||||||
{
|
{
|
||||||
title: t("about.admin"),
|
title: t('about.admin'),
|
||||||
email,
|
email,
|
||||||
name,
|
name,
|
||||||
url: url ?? (email ? `mailto:${email}` : null),
|
url: url ?? (email ? `mailto:${email}` : null),
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
: []),
|
: []),
|
||||||
{
|
{
|
||||||
title: t("about.author"),
|
title: t('about.author'),
|
||||||
name: "keven1024",
|
name: 'keven1024',
|
||||||
email: "keven@fudaoyuan.icu",
|
email: 'keven@fudaoyuan.icu',
|
||||||
url: "https://github.com/keven1024",
|
url: 'https://github.com/keven1024',
|
||||||
},
|
},
|
||||||
];
|
]
|
||||||
});
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div class="rounded-xl p-5 bg-white/50 backdrop-blur-xl w-full lg:w-200 my-5 flex flex-col gap-5">
|
||||||
class="rounded-xl p-5 bg-white/50 backdrop-blur-xl w-full lg:w-200 my-5 flex flex-col gap-5"
|
<div class="text-xl font-normal">{{ t('about.title') }}</div>
|
||||||
>
|
<div class="flex flex-col gap-2 items-center">
|
||||||
<div class="text-xl font-normal">{{ t("about.title") }}</div>
|
<NuxtImg src="/logo.png" class="size-20 rounded-xl" />
|
||||||
<div class="flex flex-col gap-2 items-center">
|
<div class="text-xl">{{ site_title ?? '015' }}</div>
|
||||||
<NuxtImg src="/logo.png" class="size-20 rounded-xl" />
|
<div class="text-sm opacity-75 text-center px-5">
|
||||||
<div class="text-xl">{{ site_title ?? "015" }}</div>
|
{{ site_desc ?? t('seo.desc') }}
|
||||||
<div class="text-sm opacity-75 text-center px-5">
|
|
||||||
{{ site_desc ?? t("seo.desc") }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="font-semibold">{{ t("about.systemInfo") }}</div>
|
|
||||||
<template v-if="isLoading">
|
|
||||||
<div class="flex flex-row gap-2">
|
|
||||||
<Skeleton class="w-full h-20 rounded-xl" v-for="i in 2" :key="i" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<div class="grid grid-cols-2 gap-2">
|
|
||||||
<div class="rounded-xl bg-white/50 flex-1 flex flex-col p-3">
|
|
||||||
<div class="opacity-75 text-xs">{{ t("about.systemVersion") }}</div>
|
|
||||||
<div class="text-xl font-semibold">
|
|
||||||
{{ data?.version ?? "dev" }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="rounded-xl bg-white/50 flex-1 flex flex-col p-3">
|
|
||||||
<div class="opacity-75 text-xs">{{ t("about.storage") }}</div>
|
|
||||||
<div class="text-right flex flex-row items-baseline">
|
|
||||||
<span class="text-lg font-semibold">{{
|
|
||||||
filesize(currentFileSize ?? 0)
|
|
||||||
}}</span>
|
|
||||||
<span class="text-md opacity-75"
|
|
||||||
>/ {{ filesize(data?.max_limit?.file_size ?? 0) }}</span
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div class="rounded-full w-full h-1 bg-black/10">
|
|
||||||
<div
|
|
||||||
class="rounded-full h-full bg-blue-500"
|
|
||||||
:style="{
|
|
||||||
width: `${(currentFileSize / (data?.max_limit?.file_size ?? 0)) * 100}%`,
|
|
||||||
}"
|
|
||||||
></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<div class="font-semibold">{{ t("about.analysis") }}</div>
|
|
||||||
<template v-if="isLoading">
|
|
||||||
<div class="flex flex-row gap-2">
|
|
||||||
<Skeleton class="w-full h-96 rounded-xl" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<div class="flex flex-col gap-2 bg-white/50 w-full rounded-xl py-5">
|
|
||||||
<div class="flex flex-row gap-2 px-5">
|
|
||||||
<div
|
|
||||||
:class="
|
|
||||||
cx(
|
|
||||||
'rounded-md min-w-30 flex flex-col px-3 py-1.5 cursor-pointer',
|
|
||||||
currentChartTab === tab.value && 'bg-black/10',
|
|
||||||
)
|
|
||||||
"
|
|
||||||
v-for="tab in chartTabs"
|
|
||||||
:key="tab.value"
|
|
||||||
@click="
|
|
||||||
() => {
|
|
||||||
currentChartTab = tab.value as 'storage' | 'queue';
|
|
||||||
}
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<div class="opacity-75 text-xs">{{ tab.label }}</div>
|
|
||||||
<div class="text-lg font-semibold">{{ tab.total }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<AreaChart
|
|
||||||
v-if="currentChartData"
|
|
||||||
class="h-64 w-full"
|
|
||||||
:key="currentChartTab"
|
|
||||||
:index="currentChartData.index"
|
|
||||||
:data="currentChartData.data"
|
|
||||||
:categories="currentChartData.categories"
|
|
||||||
:show-grid-line="false"
|
|
||||||
:show-legend="false"
|
|
||||||
:show-y-axis="true"
|
|
||||||
:show-x-axis="true"
|
|
||||||
:colors="currentChartData.colors"
|
|
||||||
:custom-tooltip="AboutChartTooltip"
|
|
||||||
:curve-type="CurveType.CatmullRom"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<template v-if="isLoading">
|
|
||||||
<div class="flex flex-row gap-2">
|
|
||||||
<Skeleton class="w-full h-20 rounded-xl" v-for="i in 2" :key="i" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-2">
|
|
||||||
<div class="flex flex-col gap-3" v-for="user in users" :key="user.name">
|
|
||||||
<div class="font-semibold">{{ user.title }}</div>
|
|
||||||
<div
|
|
||||||
class="rounded-xl bg-white/50 hover:bg-white/40 flex-1 flex flex-row items-center gap-2 p-3 cursor-pointer"
|
|
||||||
@click="
|
|
||||||
() => {
|
|
||||||
handleUserClick(user);
|
|
||||||
}
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<div class="size-10 rounded-full bg-white/50">
|
|
||||||
<NuxtImg
|
|
||||||
:src="genUserAvatar(user)"
|
|
||||||
class="size-full rounded-full"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="text-md font-semibold">{{ user.name }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="font-semibold">{{ t('about.systemInfo') }}</div>
|
||||||
</template>
|
<template v-if="isLoading">
|
||||||
</div>
|
<div class="flex flex-row gap-2">
|
||||||
|
<Skeleton class="w-full h-20 rounded-xl" v-for="i in 2" :key="i" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<div class="grid grid-cols-2 gap-2">
|
||||||
|
<div class="rounded-xl bg-white/50 flex-1 flex flex-col p-3">
|
||||||
|
<div class="opacity-75 text-xs">{{ t('about.systemVersion') }}</div>
|
||||||
|
<div class="text-xl font-semibold flex items-center gap-1">
|
||||||
|
{{ data?.version ?? 'dev' }}
|
||||||
|
<span class="text-xs px-2 py-0.5 rounded bg-primary/20 text-primary">{{ dayjs(data?.build_time * 1000).fromNow() }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="rounded-xl bg-white/50 flex-1 flex flex-col p-3">
|
||||||
|
<div class="opacity-75 text-xs">{{ t('about.storage') }}</div>
|
||||||
|
<div class="text-right flex flex-row items-baseline">
|
||||||
|
<span class="text-lg font-semibold">{{ filesize(currentFileSize ?? 0) }}</span>
|
||||||
|
<span class="text-md opacity-75">/ {{ filesize(data?.max_limit?.file_size ?? 0) }}</span>
|
||||||
|
</div>
|
||||||
|
<Progress class="h-1" :model-value="(currentFileSize / (data?.max_limit?.file_size ?? 0)) * 100" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<div class="font-semibold">{{ t('about.analysis') }}</div>
|
||||||
|
<template v-if="isLoading">
|
||||||
|
<div class="flex flex-row gap-2">
|
||||||
|
<Skeleton class="w-full h-96 rounded-xl" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<div class="flex flex-col gap-2 bg-white/50 w-full rounded-xl py-5">
|
||||||
|
<div class="flex flex-row gap-2 px-5">
|
||||||
|
<div
|
||||||
|
:class="cx('rounded-md min-w-30 flex flex-col px-3 py-1.5 cursor-pointer', currentChartTab === tab.value && 'bg-black/10')"
|
||||||
|
v-for="tab in chartTabs"
|
||||||
|
:key="tab.value"
|
||||||
|
@click="
|
||||||
|
() => {
|
||||||
|
currentChartTab = tab.value as 'storage' | 'queue'
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<div class="opacity-75 text-xs">{{ tab.label }}</div>
|
||||||
|
<div class="text-lg font-semibold">{{ tab.total }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<AreaChart
|
||||||
|
v-if="currentChartData"
|
||||||
|
class="h-64 w-full"
|
||||||
|
:key="currentChartTab"
|
||||||
|
:index="currentChartData.index"
|
||||||
|
:data="currentChartData.data"
|
||||||
|
:categories="currentChartData.categories"
|
||||||
|
:show-grid-line="false"
|
||||||
|
:show-legend="false"
|
||||||
|
:show-y-axis="true"
|
||||||
|
:show-x-axis="true"
|
||||||
|
:colors="currentChartData.colors"
|
||||||
|
:custom-tooltip="AboutChartTooltip"
|
||||||
|
:curve-type="CurveType.CatmullRom"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<template v-if="isLoading">
|
||||||
|
<div class="flex flex-row gap-2">
|
||||||
|
<Skeleton class="w-full h-20 rounded-xl" v-for="i in 2" :key="i" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-2">
|
||||||
|
<div class="flex flex-col gap-3" v-for="user in users" :key="user.name">
|
||||||
|
<div class="font-semibold">{{ user.title }}</div>
|
||||||
|
<div
|
||||||
|
class="rounded-xl bg-white/50 hover:bg-white/40 flex-1 flex flex-row items-center gap-2 p-3 cursor-pointer"
|
||||||
|
@click="
|
||||||
|
() => {
|
||||||
|
handleUserClick(user)
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<div class="size-10 rounded-full bg-white/50">
|
||||||
|
<NuxtImg :src="genUserAvatar(user)" class="size-full rounded-full" />
|
||||||
|
</div>
|
||||||
|
<div class="text-md font-semibold">{{ user.name }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
176
pnpm-lock.yaml
generated
176
pnpm-lock.yaml
generated
@@ -74,12 +74,6 @@ importers:
|
|||||||
'@tiptap/vue-3':
|
'@tiptap/vue-3':
|
||||||
specifier: ^2.11.7
|
specifier: ^2.11.7
|
||||||
version: 2.11.7(@tiptap/core@2.12.0(@tiptap/pm@2.11.7))(@tiptap/pm@2.11.7)(vue@3.5.16(typescript@5.8.2))
|
version: 2.11.7(@tiptap/core@2.12.0(@tiptap/pm@2.11.7))(@tiptap/pm@2.11.7)(vue@3.5.16(typescript@5.8.2))
|
||||||
'@types/lodash-es':
|
|
||||||
specifier: ^4.17.12
|
|
||||||
version: 4.17.12
|
|
||||||
'@types/spark-md5':
|
|
||||||
specifier: ^3.0.5
|
|
||||||
version: 3.0.5
|
|
||||||
'@unovis/ts':
|
'@unovis/ts':
|
||||||
specifier: ^1.5.1
|
specifier: ^1.5.1
|
||||||
version: 1.5.1
|
version: 1.5.1
|
||||||
@@ -107,6 +101,9 @@ importers:
|
|||||||
filesize:
|
filesize:
|
||||||
specifier: ^10.1.6
|
specifier: ^10.1.6
|
||||||
version: 10.1.6
|
version: 10.1.6
|
||||||
|
js-md5:
|
||||||
|
specifier: ^0.8.3
|
||||||
|
version: 0.8.3
|
||||||
lodash-es:
|
lodash-es:
|
||||||
specifier: ^4.17.21
|
specifier: ^4.17.21
|
||||||
version: 4.17.21
|
version: 4.17.21
|
||||||
@@ -128,6 +125,9 @@ importers:
|
|||||||
pinia:
|
pinia:
|
||||||
specifier: ^3.0.2
|
specifier: ^3.0.2
|
||||||
version: 3.0.2(typescript@5.8.2)(vue@3.5.16(typescript@5.8.2))
|
version: 3.0.2(typescript@5.8.2)(vue@3.5.16(typescript@5.8.2))
|
||||||
|
qrcode:
|
||||||
|
specifier: ^1.5.4
|
||||||
|
version: 1.5.4
|
||||||
reka-ui:
|
reka-ui:
|
||||||
specifier: ^2.2.0
|
specifier: ^2.2.0
|
||||||
version: 2.2.0(typescript@5.8.2)(vue@3.5.16(typescript@5.8.2))
|
version: 2.2.0(typescript@5.8.2)(vue@3.5.16(typescript@5.8.2))
|
||||||
@@ -168,9 +168,18 @@ importers:
|
|||||||
'@tailwindcss/typography':
|
'@tailwindcss/typography':
|
||||||
specifier: ^0.5.16
|
specifier: ^0.5.16
|
||||||
version: 0.5.16(tailwindcss@4.1.3)
|
version: 0.5.16(tailwindcss@4.1.3)
|
||||||
|
'@types/lodash-es':
|
||||||
|
specifier: ^4.17.12
|
||||||
|
version: 4.17.12
|
||||||
'@types/markdown-it':
|
'@types/markdown-it':
|
||||||
specifier: ^14.1.2
|
specifier: ^14.1.2
|
||||||
version: 14.1.2
|
version: 14.1.2
|
||||||
|
'@types/qrcode':
|
||||||
|
specifier: ^1.5.5
|
||||||
|
version: 1.5.5
|
||||||
|
'@types/spark-md5':
|
||||||
|
specifier: ^3.0.5
|
||||||
|
version: 3.0.5
|
||||||
'@vueuse/core':
|
'@vueuse/core':
|
||||||
specifier: ^13.0.0
|
specifier: ^13.0.0
|
||||||
version: 13.0.0(vue@3.5.16(typescript@5.8.2))
|
version: 13.0.0(vue@3.5.16(typescript@5.8.2))
|
||||||
@@ -2073,6 +2082,9 @@ packages:
|
|||||||
'@types/pbf@3.0.5':
|
'@types/pbf@3.0.5':
|
||||||
resolution: {integrity: sha512-j3pOPiEcWZ34R6a6mN07mUkM4o4Lwf6hPNt8eilOeZhTFbxFXmKhvXl9Y28jotFPaI1bpPDJsbCprUoNke6OrA==}
|
resolution: {integrity: sha512-j3pOPiEcWZ34R6a6mN07mUkM4o4Lwf6hPNt8eilOeZhTFbxFXmKhvXl9Y28jotFPaI1bpPDJsbCprUoNke6OrA==}
|
||||||
|
|
||||||
|
'@types/qrcode@1.5.5':
|
||||||
|
resolution: {integrity: sha512-CdfBi/e3Qk+3Z/fXYShipBT13OJ2fDO2Q2w5CIP5anLTLIndQG9z6P1cnm+8zCWSpm5dnxMFd/uREtb0EXuQzg==}
|
||||||
|
|
||||||
'@types/resolve@1.20.2':
|
'@types/resolve@1.20.2':
|
||||||
resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
|
resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
|
||||||
|
|
||||||
@@ -2623,6 +2635,10 @@ packages:
|
|||||||
resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
|
resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
|
||||||
engines: {node: '>= 6'}
|
engines: {node: '>= 6'}
|
||||||
|
|
||||||
|
camelcase@5.3.1:
|
||||||
|
resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
|
||||||
|
engines: {node: '>=6'}
|
||||||
|
|
||||||
caniuse-api@3.0.0:
|
caniuse-api@3.0.0:
|
||||||
resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
|
resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
|
||||||
|
|
||||||
@@ -2677,6 +2693,9 @@ packages:
|
|||||||
resolution: {integrity: sha512-5mOlNS0mhX0707P2I0aZ2V/cmHUEO/fL7VFLqszkhUsxt7RwnmrInf/eEQKlf5GzvYeHIjT+Ov1HRfNmymlG0w==}
|
resolution: {integrity: sha512-5mOlNS0mhX0707P2I0aZ2V/cmHUEO/fL7VFLqszkhUsxt7RwnmrInf/eEQKlf5GzvYeHIjT+Ov1HRfNmymlG0w==}
|
||||||
engines: {node: '>=18'}
|
engines: {node: '>=18'}
|
||||||
|
|
||||||
|
cliui@6.0.0:
|
||||||
|
resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
|
||||||
|
|
||||||
cliui@8.0.1:
|
cliui@8.0.1:
|
||||||
resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
|
resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
|
||||||
engines: {node: '>=12'}
|
engines: {node: '>=12'}
|
||||||
@@ -3153,6 +3172,10 @@ packages:
|
|||||||
decache@4.6.2:
|
decache@4.6.2:
|
||||||
resolution: {integrity: sha512-2LPqkLeu8XWHU8qNCS3kcF6sCcb5zIzvWaAHYSvPfwhdd7mHuah29NssMzrTYyHN4F5oFy2ko9OBYxegtU0FEw==}
|
resolution: {integrity: sha512-2LPqkLeu8XWHU8qNCS3kcF6sCcb5zIzvWaAHYSvPfwhdd7mHuah29NssMzrTYyHN4F5oFy2ko9OBYxegtU0FEw==}
|
||||||
|
|
||||||
|
decamelize@1.2.0:
|
||||||
|
resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
|
||||||
|
engines: {node: '>=0.10.0'}
|
||||||
|
|
||||||
decompress-response@6.0.0:
|
decompress-response@6.0.0:
|
||||||
resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
|
resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
|
||||||
engines: {node: '>=10'}
|
engines: {node: '>=10'}
|
||||||
@@ -3292,6 +3315,9 @@ packages:
|
|||||||
resolution: {integrity: sha512-PJWHUb1RFevKCwaFA9RlG5tCd+FO5iRh9A8HEtkmBH2Li03iJriB6m6JIN4rGz3K3JLawI7/veA1xzRKP6ISBw==}
|
resolution: {integrity: sha512-PJWHUb1RFevKCwaFA9RlG5tCd+FO5iRh9A8HEtkmBH2Li03iJriB6m6JIN4rGz3K3JLawI7/veA1xzRKP6ISBw==}
|
||||||
engines: {node: '>=0.3.1'}
|
engines: {node: '>=0.3.1'}
|
||||||
|
|
||||||
|
dijkstrajs@1.0.3:
|
||||||
|
resolution: {integrity: sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==}
|
||||||
|
|
||||||
dlv@1.1.3:
|
dlv@1.1.3:
|
||||||
resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
|
resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
|
||||||
|
|
||||||
@@ -3637,6 +3663,10 @@ packages:
|
|||||||
resolution: {integrity: sha512-afd4O7zpqHeRyg4PfDQsXmlDe2PfdHtJt6Akt8jOWaApLOZk5JXs6VMR29lz03pRe9mpykrRCYIYxaJYcfpncQ==}
|
resolution: {integrity: sha512-afd4O7zpqHeRyg4PfDQsXmlDe2PfdHtJt6Akt8jOWaApLOZk5JXs6VMR29lz03pRe9mpykrRCYIYxaJYcfpncQ==}
|
||||||
engines: {node: '>=18'}
|
engines: {node: '>=18'}
|
||||||
|
|
||||||
|
find-up@4.1.0:
|
||||||
|
resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
|
||||||
|
engines: {node: '>=8'}
|
||||||
|
|
||||||
find-up@5.0.0:
|
find-up@5.0.0:
|
||||||
resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
|
resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
|
||||||
engines: {node: '>=10'}
|
engines: {node: '>=10'}
|
||||||
@@ -4235,6 +4265,9 @@ packages:
|
|||||||
resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
|
resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
|
||||||
hasBin: true
|
hasBin: true
|
||||||
|
|
||||||
|
js-md5@0.8.3:
|
||||||
|
resolution: {integrity: sha512-qR0HB5uP6wCuRMrWPTrkMaev7MJZwJuuw4fnwAzRgP4J4/F8RwtodOKpGp4XpqsLBFzzgqIO42efFAyz2Et6KQ==}
|
||||||
|
|
||||||
js-tokens@4.0.0:
|
js-tokens@4.0.0:
|
||||||
resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
|
resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
|
||||||
|
|
||||||
@@ -4458,6 +4491,10 @@ packages:
|
|||||||
resolution: {integrity: sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==}
|
resolution: {integrity: sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==}
|
||||||
engines: {node: '>=14'}
|
engines: {node: '>=14'}
|
||||||
|
|
||||||
|
locate-path@5.0.0:
|
||||||
|
resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
|
||||||
|
engines: {node: '>=8'}
|
||||||
|
|
||||||
locate-path@6.0.0:
|
locate-path@6.0.0:
|
||||||
resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
|
resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
|
||||||
engines: {node: '>=10'}
|
engines: {node: '>=10'}
|
||||||
@@ -4924,6 +4961,10 @@ packages:
|
|||||||
resolution: {integrity: sha512-Q6Bekk5wpzW5qIyUP4gdMEujObYstZl6DMMOSenwBvV0BlE5LkDwkjs5yHbZmdCEq2o4RJx4tE1vwxFVf2FG1w==}
|
resolution: {integrity: sha512-Q6Bekk5wpzW5qIyUP4gdMEujObYstZl6DMMOSenwBvV0BlE5LkDwkjs5yHbZmdCEq2o4RJx4tE1vwxFVf2FG1w==}
|
||||||
engines: {node: '>=16.17'}
|
engines: {node: '>=16.17'}
|
||||||
|
|
||||||
|
p-limit@2.3.0:
|
||||||
|
resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
|
||||||
|
engines: {node: '>=6'}
|
||||||
|
|
||||||
p-limit@3.1.0:
|
p-limit@3.1.0:
|
||||||
resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
|
resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
|
||||||
engines: {node: '>=10'}
|
engines: {node: '>=10'}
|
||||||
@@ -4932,6 +4973,10 @@ packages:
|
|||||||
resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
|
resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
|
||||||
engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
|
engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
|
||||||
|
|
||||||
|
p-locate@4.1.0:
|
||||||
|
resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
|
||||||
|
engines: {node: '>=8'}
|
||||||
|
|
||||||
p-locate@5.0.0:
|
p-locate@5.0.0:
|
||||||
resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
|
resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
|
||||||
engines: {node: '>=10'}
|
engines: {node: '>=10'}
|
||||||
@@ -4948,6 +4993,10 @@ packages:
|
|||||||
resolution: {integrity: sha512-MyIV3ZA/PmyBN/ud8vV9XzwTrNtR4jFrObymZYnZqMmW0zA8Z17vnT0rBgFE/TlohB+YCHqXMgZzb3Csp49vqg==}
|
resolution: {integrity: sha512-MyIV3ZA/PmyBN/ud8vV9XzwTrNtR4jFrObymZYnZqMmW0zA8Z17vnT0rBgFE/TlohB+YCHqXMgZzb3Csp49vqg==}
|
||||||
engines: {node: '>=14.16'}
|
engines: {node: '>=14.16'}
|
||||||
|
|
||||||
|
p-try@2.2.0:
|
||||||
|
resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
|
||||||
|
engines: {node: '>=6'}
|
||||||
|
|
||||||
p-wait-for@5.0.2:
|
p-wait-for@5.0.2:
|
||||||
resolution: {integrity: sha512-lwx6u1CotQYPVju77R+D0vFomni/AqRfqLmqQ8hekklqZ6gAY9rONh7lBQ0uxWMkC2AuX9b2DVAl8To0NyP1JA==}
|
resolution: {integrity: sha512-lwx6u1CotQYPVju77R+D0vFomni/AqRfqLmqQ8hekklqZ6gAY9rONh7lBQ0uxWMkC2AuX9b2DVAl8To0NyP1JA==}
|
||||||
engines: {node: '>=12'}
|
engines: {node: '>=12'}
|
||||||
@@ -5102,6 +5151,10 @@ packages:
|
|||||||
pkg-types@2.1.0:
|
pkg-types@2.1.0:
|
||||||
resolution: {integrity: sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==}
|
resolution: {integrity: sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==}
|
||||||
|
|
||||||
|
pngjs@5.0.0:
|
||||||
|
resolution: {integrity: sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==}
|
||||||
|
engines: {node: '>=10.13.0'}
|
||||||
|
|
||||||
portfinder@1.0.35:
|
portfinder@1.0.35:
|
||||||
resolution: {integrity: sha512-73JaFg4NwYNAufDtS5FsFu/PdM49ahJrO1i44aCRsDWju1z5wuGDaqyFUQWR6aJoK2JPDWlaYYAGFNIGTSUHSw==}
|
resolution: {integrity: sha512-73JaFg4NwYNAufDtS5FsFu/PdM49ahJrO1i44aCRsDWju1z5wuGDaqyFUQWR6aJoK2JPDWlaYYAGFNIGTSUHSw==}
|
||||||
engines: {node: '>= 10.12'}
|
engines: {node: '>= 10.12'}
|
||||||
@@ -5448,6 +5501,11 @@ packages:
|
|||||||
resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
|
resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
|
||||||
engines: {node: '>=6'}
|
engines: {node: '>=6'}
|
||||||
|
|
||||||
|
qrcode@1.5.4:
|
||||||
|
resolution: {integrity: sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==}
|
||||||
|
engines: {node: '>=10.13.0'}
|
||||||
|
hasBin: true
|
||||||
|
|
||||||
qs@6.14.0:
|
qs@6.14.0:
|
||||||
resolution: {integrity: sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==}
|
resolution: {integrity: sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==}
|
||||||
engines: {node: '>=0.6'}
|
engines: {node: '>=0.6'}
|
||||||
@@ -5553,6 +5611,9 @@ packages:
|
|||||||
resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
|
resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
|
||||||
engines: {node: '>=0.10.0'}
|
engines: {node: '>=0.10.0'}
|
||||||
|
|
||||||
|
require-main-filename@2.0.0:
|
||||||
|
resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
|
||||||
|
|
||||||
require-package-name@2.0.1:
|
require-package-name@2.0.1:
|
||||||
resolution: {integrity: sha512-uuoJ1hU/k6M0779t3VMVIYpb2VMJk05cehCaABFhXaibcbvfgR8wKiozLjVFSzJPmQMRqIcO0HMyTFqfV09V6Q==}
|
resolution: {integrity: sha512-uuoJ1hU/k6M0779t3VMVIYpb2VMJk05cehCaABFhXaibcbvfgR8wKiozLjVFSzJPmQMRqIcO0HMyTFqfV09V6Q==}
|
||||||
|
|
||||||
@@ -5698,6 +5759,9 @@ packages:
|
|||||||
resolution: {integrity: sha512-61g9pCh0Vnh7IutZjtLGGpTA355+OPn2TyDv/6ivP2h/AdAVX9azsoxmg2/M6nZeQZNYBEwIcsne1mJd9oQItQ==}
|
resolution: {integrity: sha512-61g9pCh0Vnh7IutZjtLGGpTA355+OPn2TyDv/6ivP2h/AdAVX9azsoxmg2/M6nZeQZNYBEwIcsne1mJd9oQItQ==}
|
||||||
engines: {node: '>= 18'}
|
engines: {node: '>= 18'}
|
||||||
|
|
||||||
|
set-blocking@2.0.0:
|
||||||
|
resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
|
||||||
|
|
||||||
set-function-length@1.2.2:
|
set-function-length@1.2.2:
|
||||||
resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
|
resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
|
||||||
engines: {node: '>= 0.4'}
|
engines: {node: '>= 0.4'}
|
||||||
@@ -6533,6 +6597,9 @@ packages:
|
|||||||
which-boxed-primitive@1.0.2:
|
which-boxed-primitive@1.0.2:
|
||||||
resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
|
resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
|
||||||
|
|
||||||
|
which-module@2.0.1:
|
||||||
|
resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
|
||||||
|
|
||||||
which-typed-array@1.1.15:
|
which-typed-array@1.1.15:
|
||||||
resolution: {integrity: sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==}
|
resolution: {integrity: sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==}
|
||||||
engines: {node: '>= 0.4'}
|
engines: {node: '>= 0.4'}
|
||||||
@@ -6563,6 +6630,10 @@ packages:
|
|||||||
resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
|
resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
|
||||||
engines: {node: '>=0.10.0'}
|
engines: {node: '>=0.10.0'}
|
||||||
|
|
||||||
|
wrap-ansi@6.2.0:
|
||||||
|
resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
|
||||||
|
engines: {node: '>=8'}
|
||||||
|
|
||||||
wrap-ansi@7.0.0:
|
wrap-ansi@7.0.0:
|
||||||
resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
|
resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
|
||||||
engines: {node: '>=10'}
|
engines: {node: '>=10'}
|
||||||
@@ -6599,6 +6670,9 @@ packages:
|
|||||||
engines: {node: '>= 0.10.0'}
|
engines: {node: '>= 0.10.0'}
|
||||||
hasBin: true
|
hasBin: true
|
||||||
|
|
||||||
|
y18n@4.0.3:
|
||||||
|
resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
|
||||||
|
|
||||||
y18n@5.0.8:
|
y18n@5.0.8:
|
||||||
resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
|
resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
|
||||||
engines: {node: '>=10'}
|
engines: {node: '>=10'}
|
||||||
@@ -6628,10 +6702,18 @@ packages:
|
|||||||
engines: {node: '>= 14'}
|
engines: {node: '>= 14'}
|
||||||
hasBin: true
|
hasBin: true
|
||||||
|
|
||||||
|
yargs-parser@18.1.3:
|
||||||
|
resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
|
||||||
|
engines: {node: '>=6'}
|
||||||
|
|
||||||
yargs-parser@21.1.1:
|
yargs-parser@21.1.1:
|
||||||
resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
|
resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
|
||||||
engines: {node: '>=12'}
|
engines: {node: '>=12'}
|
||||||
|
|
||||||
|
yargs@15.4.1:
|
||||||
|
resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
|
||||||
|
engines: {node: '>=8'}
|
||||||
|
|
||||||
yargs@17.7.2:
|
yargs@17.7.2:
|
||||||
resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
|
resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
|
||||||
engines: {node: '>=12'}
|
engines: {node: '>=12'}
|
||||||
@@ -8676,7 +8758,6 @@ snapshots:
|
|||||||
'@types/node@22.13.10':
|
'@types/node@22.13.10':
|
||||||
dependencies:
|
dependencies:
|
||||||
undici-types: 6.20.0
|
undici-types: 6.20.0
|
||||||
optional: true
|
|
||||||
|
|
||||||
'@types/normalize-package-data@2.4.4': {}
|
'@types/normalize-package-data@2.4.4': {}
|
||||||
|
|
||||||
@@ -8686,6 +8767,10 @@ snapshots:
|
|||||||
|
|
||||||
'@types/pbf@3.0.5': {}
|
'@types/pbf@3.0.5': {}
|
||||||
|
|
||||||
|
'@types/qrcode@1.5.5':
|
||||||
|
dependencies:
|
||||||
|
'@types/node': 22.13.10
|
||||||
|
|
||||||
'@types/resolve@1.20.2': {}
|
'@types/resolve@1.20.2': {}
|
||||||
|
|
||||||
'@types/spark-md5@3.0.5': {}
|
'@types/spark-md5@3.0.5': {}
|
||||||
@@ -9463,6 +9548,8 @@ snapshots:
|
|||||||
|
|
||||||
camelcase-css@2.0.1: {}
|
camelcase-css@2.0.1: {}
|
||||||
|
|
||||||
|
camelcase@5.3.1: {}
|
||||||
|
|
||||||
caniuse-api@3.0.0:
|
caniuse-api@3.0.0:
|
||||||
dependencies:
|
dependencies:
|
||||||
browserslist: 4.24.4
|
browserslist: 4.24.4
|
||||||
@@ -9531,6 +9618,12 @@ snapshots:
|
|||||||
is-wsl: 3.1.0
|
is-wsl: 3.1.0
|
||||||
is64bit: 2.0.0
|
is64bit: 2.0.0
|
||||||
|
|
||||||
|
cliui@6.0.0:
|
||||||
|
dependencies:
|
||||||
|
string-width: 4.2.3
|
||||||
|
strip-ansi: 6.0.1
|
||||||
|
wrap-ansi: 6.2.0
|
||||||
|
|
||||||
cliui@8.0.1:
|
cliui@8.0.1:
|
||||||
dependencies:
|
dependencies:
|
||||||
string-width: 4.2.3
|
string-width: 4.2.3
|
||||||
@@ -10007,6 +10100,8 @@ snapshots:
|
|||||||
dependencies:
|
dependencies:
|
||||||
callsite: 1.0.0
|
callsite: 1.0.0
|
||||||
|
|
||||||
|
decamelize@1.2.0: {}
|
||||||
|
|
||||||
decompress-response@6.0.0:
|
decompress-response@6.0.0:
|
||||||
dependencies:
|
dependencies:
|
||||||
mimic-response: 3.1.0
|
mimic-response: 3.1.0
|
||||||
@@ -10132,6 +10227,8 @@ snapshots:
|
|||||||
|
|
||||||
diff@7.0.0: {}
|
diff@7.0.0: {}
|
||||||
|
|
||||||
|
dijkstrajs@1.0.3: {}
|
||||||
|
|
||||||
dlv@1.1.3: {}
|
dlv@1.1.3: {}
|
||||||
|
|
||||||
dom-serializer@2.0.0:
|
dom-serializer@2.0.0:
|
||||||
@@ -10563,6 +10660,11 @@ snapshots:
|
|||||||
|
|
||||||
find-up-simple@1.0.1: {}
|
find-up-simple@1.0.1: {}
|
||||||
|
|
||||||
|
find-up@4.1.0:
|
||||||
|
dependencies:
|
||||||
|
locate-path: 5.0.0
|
||||||
|
path-exists: 4.0.0
|
||||||
|
|
||||||
find-up@5.0.0:
|
find-up@5.0.0:
|
||||||
dependencies:
|
dependencies:
|
||||||
locate-path: 6.0.0
|
locate-path: 6.0.0
|
||||||
@@ -11188,6 +11290,8 @@ snapshots:
|
|||||||
|
|
||||||
jiti@2.4.2: {}
|
jiti@2.4.2: {}
|
||||||
|
|
||||||
|
js-md5@0.8.3: {}
|
||||||
|
|
||||||
js-tokens@4.0.0: {}
|
js-tokens@4.0.0: {}
|
||||||
|
|
||||||
js-tokens@9.0.1: {}
|
js-tokens@9.0.1: {}
|
||||||
@@ -11439,6 +11543,10 @@ snapshots:
|
|||||||
pkg-types: 2.1.0
|
pkg-types: 2.1.0
|
||||||
quansync: 0.2.8
|
quansync: 0.2.8
|
||||||
|
|
||||||
|
locate-path@5.0.0:
|
||||||
|
dependencies:
|
||||||
|
p-locate: 4.1.0
|
||||||
|
|
||||||
locate-path@6.0.0:
|
locate-path@6.0.0:
|
||||||
dependencies:
|
dependencies:
|
||||||
p-locate: 5.0.0
|
p-locate: 5.0.0
|
||||||
@@ -12141,6 +12249,10 @@ snapshots:
|
|||||||
dependencies:
|
dependencies:
|
||||||
p-timeout: 6.1.4
|
p-timeout: 6.1.4
|
||||||
|
|
||||||
|
p-limit@2.3.0:
|
||||||
|
dependencies:
|
||||||
|
p-try: 2.2.0
|
||||||
|
|
||||||
p-limit@3.1.0:
|
p-limit@3.1.0:
|
||||||
dependencies:
|
dependencies:
|
||||||
yocto-queue: 0.1.0
|
yocto-queue: 0.1.0
|
||||||
@@ -12149,6 +12261,10 @@ snapshots:
|
|||||||
dependencies:
|
dependencies:
|
||||||
yocto-queue: 1.2.1
|
yocto-queue: 1.2.1
|
||||||
|
|
||||||
|
p-locate@4.1.0:
|
||||||
|
dependencies:
|
||||||
|
p-limit: 2.3.0
|
||||||
|
|
||||||
p-locate@5.0.0:
|
p-locate@5.0.0:
|
||||||
dependencies:
|
dependencies:
|
||||||
p-limit: 3.1.0
|
p-limit: 3.1.0
|
||||||
@@ -12161,6 +12277,8 @@ snapshots:
|
|||||||
|
|
||||||
p-timeout@6.1.4: {}
|
p-timeout@6.1.4: {}
|
||||||
|
|
||||||
|
p-try@2.2.0: {}
|
||||||
|
|
||||||
p-wait-for@5.0.2:
|
p-wait-for@5.0.2:
|
||||||
dependencies:
|
dependencies:
|
||||||
p-timeout: 6.1.4
|
p-timeout: 6.1.4
|
||||||
@@ -12283,6 +12401,8 @@ snapshots:
|
|||||||
exsolve: 1.0.4
|
exsolve: 1.0.4
|
||||||
pathe: 2.0.3
|
pathe: 2.0.3
|
||||||
|
|
||||||
|
pngjs@5.0.0: {}
|
||||||
|
|
||||||
portfinder@1.0.35:
|
portfinder@1.0.35:
|
||||||
dependencies:
|
dependencies:
|
||||||
async: 3.2.6
|
async: 3.2.6
|
||||||
@@ -12673,6 +12793,12 @@ snapshots:
|
|||||||
|
|
||||||
punycode@2.3.1: {}
|
punycode@2.3.1: {}
|
||||||
|
|
||||||
|
qrcode@1.5.4:
|
||||||
|
dependencies:
|
||||||
|
dijkstrajs: 1.0.3
|
||||||
|
pngjs: 5.0.0
|
||||||
|
yargs: 15.4.1
|
||||||
|
|
||||||
qs@6.14.0:
|
qs@6.14.0:
|
||||||
dependencies:
|
dependencies:
|
||||||
side-channel: 1.1.0
|
side-channel: 1.1.0
|
||||||
@@ -12808,6 +12934,8 @@ snapshots:
|
|||||||
|
|
||||||
require-directory@2.1.1: {}
|
require-directory@2.1.1: {}
|
||||||
|
|
||||||
|
require-main-filename@2.0.0: {}
|
||||||
|
|
||||||
require-package-name@2.0.1: {}
|
require-package-name@2.0.1: {}
|
||||||
|
|
||||||
resolve-from@4.0.0: {}
|
resolve-from@4.0.0: {}
|
||||||
@@ -12996,6 +13124,8 @@ snapshots:
|
|||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- supports-color
|
- supports-color
|
||||||
|
|
||||||
|
set-blocking@2.0.0: {}
|
||||||
|
|
||||||
set-function-length@1.2.2:
|
set-function-length@1.2.2:
|
||||||
dependencies:
|
dependencies:
|
||||||
define-data-property: 1.1.4
|
define-data-property: 1.1.4
|
||||||
@@ -13582,8 +13712,7 @@ snapshots:
|
|||||||
magic-string: 0.30.17
|
magic-string: 0.30.17
|
||||||
unplugin: 2.2.0
|
unplugin: 2.2.0
|
||||||
|
|
||||||
undici-types@6.20.0:
|
undici-types@6.20.0: {}
|
||||||
optional: true
|
|
||||||
|
|
||||||
unenv@2.0.0-rc.17:
|
unenv@2.0.0-rc.17:
|
||||||
dependencies:
|
dependencies:
|
||||||
@@ -13922,6 +14051,8 @@ snapshots:
|
|||||||
is-string: 1.0.7
|
is-string: 1.0.7
|
||||||
is-symbol: 1.0.4
|
is-symbol: 1.0.4
|
||||||
|
|
||||||
|
which-module@2.0.1: {}
|
||||||
|
|
||||||
which-typed-array@1.1.15:
|
which-typed-array@1.1.15:
|
||||||
dependencies:
|
dependencies:
|
||||||
available-typed-arrays: 1.0.7
|
available-typed-arrays: 1.0.7
|
||||||
@@ -13964,6 +14095,12 @@ snapshots:
|
|||||||
|
|
||||||
word-wrap@1.2.5: {}
|
word-wrap@1.2.5: {}
|
||||||
|
|
||||||
|
wrap-ansi@6.2.0:
|
||||||
|
dependencies:
|
||||||
|
ansi-styles: 4.3.0
|
||||||
|
string-width: 4.2.3
|
||||||
|
strip-ansi: 6.0.1
|
||||||
|
|
||||||
wrap-ansi@7.0.0:
|
wrap-ansi@7.0.0:
|
||||||
dependencies:
|
dependencies:
|
||||||
ansi-styles: 4.3.0
|
ansi-styles: 4.3.0
|
||||||
@@ -13997,6 +14134,8 @@ snapshots:
|
|||||||
cssfilter: 0.0.10
|
cssfilter: 0.0.10
|
||||||
optional: true
|
optional: true
|
||||||
|
|
||||||
|
y18n@4.0.3: {}
|
||||||
|
|
||||||
y18n@5.0.8: {}
|
y18n@5.0.8: {}
|
||||||
|
|
||||||
yallist@3.1.1: {}
|
yallist@3.1.1: {}
|
||||||
@@ -14014,8 +14153,27 @@ snapshots:
|
|||||||
|
|
||||||
yaml@2.7.0: {}
|
yaml@2.7.0: {}
|
||||||
|
|
||||||
|
yargs-parser@18.1.3:
|
||||||
|
dependencies:
|
||||||
|
camelcase: 5.3.1
|
||||||
|
decamelize: 1.2.0
|
||||||
|
|
||||||
yargs-parser@21.1.1: {}
|
yargs-parser@21.1.1: {}
|
||||||
|
|
||||||
|
yargs@15.4.1:
|
||||||
|
dependencies:
|
||||||
|
cliui: 6.0.0
|
||||||
|
decamelize: 1.2.0
|
||||||
|
find-up: 4.1.0
|
||||||
|
get-caller-file: 2.0.5
|
||||||
|
require-directory: 2.1.1
|
||||||
|
require-main-filename: 2.0.0
|
||||||
|
set-blocking: 2.0.0
|
||||||
|
string-width: 4.2.3
|
||||||
|
which-module: 2.0.1
|
||||||
|
y18n: 4.0.3
|
||||||
|
yargs-parser: 18.1.3
|
||||||
|
|
||||||
yargs@17.7.2:
|
yargs@17.7.2:
|
||||||
dependencies:
|
dependencies:
|
||||||
cliui: 8.0.1
|
cliui: 8.0.1
|
||||||
|
|||||||
Reference in New Issue
Block a user