Plugin Manager for Universal DevTools
npm install @u-devtools/plugin-managerPlugin Manager for Universal DevTools. Allows you to browse, install, and manage DevTools plugins from npm.
``bash`
npm install -D @u-devtools/plugin-manager
Add the plugin to your vite.config.ts:
`ts
import { defineConfig } from 'vite';
import { createDevTools } from '@u-devtools/vite';
import { pluginManager } from '@u-devtools/plugin-manager';
export default defineConfig({
plugins: [
createDevTools({
plugins: [
pluginManager(), // 👈 Add plugin manager
// ... other plugins
],
}),
],
});
`
- Browse Marketplace: Search for plugins on npm using keywords
- Install Plugins: Automatically install plugins and update vite.config.ts
- Uninstall Plugins: Remove plugins from your project
- Check Updates: See if newer versions of installed plugins are available
- Plugin List: View all installed plugins with their metadata
The Plugin Manager is itself a plugin, demonstrating the extensibility of the Universal DevTools system. It:
1. Uses generalMenuItems API to add an "Extensions" item to the General menumagicast
2. Provides RPC handlers for plugin management operations
3. Uses to automatically modify vite.config.ts when installing plugins
The plugin provides the following RPC methods:
- manager:search - Search for plugins on npmmanager:install
- - Install a plugin packagemanager:uninstall
- - Uninstall a plugin packagemanager:checkUpdates` - Check for available updates
-
MIT