mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-07-13 08:22:18 +08:00
fffb526a87
- Added monthly media counts (movies, TV shows, episodes) to the AnalyticsMediaStatistic component. - Improved layout and styling for better responsiveness in the dashboard summary. - Updated AnalyticsMemory component to display total and available memory with enhanced visuals. - Refactored AnalyticsScheduler to include transfer queue management and improved task display. - Enhanced AnalyticsSpeed component with a more structured speed overview. - Introduced new components for quick actions and recent imports in the dashboard. - Added system information display with runtime and version details in DashboardSystemInfo. - Created a new composable for shortcut tools to streamline dialog management.
MoviePilot-Frontend
中文 | English
Frontend project for MoviePilot, NodeJS version required: >= v20.12.1.
Features
- Modern interface built with Vue 3 and Vuetify 3
- Fast development experience with Vite build tool
- Multi-language support (Chinese/English)
- Complete plugin system with dynamic remote component loading
Development
Recommended IDE Setup
VSCode + Volar (disable Vetur).
Configure Vite
See Vite Configuration Reference.
Install Dependencies
yarn
Development Server
yarn dev
Build for Production
yarn build
Static Deployment
-
Host the
diststatic files using a web server likenginx. Refer topublic/nginx.conffor nginx configuration. -
Alternatively, run the
service.jsdirectly with thenodecommand. It listens on port3000by default. Set theNGINX_PORTenvironment variable to adjust the port.
node dist/service.js
Module Federation
MoviePilot now supports Module Federation, allowing plugin developers to create dynamically loadable remote components for richer plugin user interfaces.
- Module Federation Troubleshooting Guide - Common issues and solutions
- Plugin Remote Component Example - Complete example project for developing plugin components