{"id":22584,"library":"vite-plugin-asset-manager","title":"Vite Plugin Asset Manager","description":"A Vite plugin providing a visual asset management interface during development. Scans and catalogs images, videos, audio, fonts, documents, and data files; shows import locations, detects duplicates via MD5 hashing, and allows filtering by size/type/date. Includes a draggable floating panel, keyboard shortcuts (Alt+Shift+A), real-time updates via SSE, and bulk operations (download ZIP, copy paths, delete). Ships TypeScript types. Current version 1.0.6 (March 2025). Requires Vite >=5.0.0 and Node >=22. Peer dependency on vite (not bundled). Regular releases; actively maintained.","status":"active","version":"1.0.6","language":"javascript","source_language":"en","source_url":"https://github.com/ejirocodes/vite-plugin-asset-manager","tags":["javascript","vite","plugin","assets","manager","vite-plugin","vite-plugin-assets","vite-plugin-asset-manager","react-vite-plugin","typescript"],"install":[{"cmd":"npm install vite-plugin-asset-manager","lang":"bash","label":"npm"},{"cmd":"yarn add vite-plugin-asset-manager","lang":"bash","label":"yarn"},{"cmd":"pnpm add vite-plugin-asset-manager","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"Default export. ESM only (package type module). CJS require will fail.","wrong":"const AssetManager = require('vite-plugin-asset-manager')","symbol":"AssetManager","correct":"import AssetManager from 'vite-plugin-asset-manager'"},{"note":"Type import available; Options type exported from package.","symbol":"type AssetManagerOptions","correct":"import type { AssetManagerOptions } from 'vite-plugin-asset-manager'"},{"note":"Next.js wrapper exported from subpath; using main export will error.","wrong":"import { withAssetManager } from 'vite-plugin-asset-manager'","symbol":"withAssetManager","correct":"import { withAssetManager } from 'vite-plugin-asset-manager/next'"}],"quickstart":{"code":"// vite.config.ts\nimport { defineConfig } from 'vite'\nimport AssetManager from 'vite-plugin-asset-manager'\n\nexport default defineConfig({\n  plugins: [\n    AssetManager({\n      // Optional: customize prefix or disable auto-inject\n      prefix: '/__assets__',\n      autoInject: true,\n      // Ignore certain file patterns\n      exclude: ['**/*.map']\n    })\n  ],\n})\n\n// Access UI at /__asset_manager__/ or press Alt+Shift+A","lang":"typescript","description":"Registers the AssetManager plugin in vite.config.ts with optional configuration for prefix, auto-inject, and exclusion patterns."},"warnings":[{"fix":"Update Node to v22+ and Vite to v5+.","message":"Requires Node >=22 and Vite >=5.0.0. Older Node versions will fail to start.","severity":"breaking","affected_versions":">=1.0.0"},{"fix":"In production, the plugin logic is stripped (Vite dev-only), but ensure you don't depend on the UI outside dev mode.","message":"The plugin injects a floating icon into your development HTML. It is not removed in production builds.","severity":"gotcha","affected_versions":">=0.0.1"},{"fix":"Add exclude patterns for node_modules, build output, etc.","message":"Asset scanning uses file system watchers; might cause high CPU on projects with thousands of assets. Use `exclude` option to ignore unnecessary directories.","severity":"gotcha","affected_versions":">=1.0.0"}],"env_vars":null,"search_vec":"'1.0.6':69 '2025':71 '22':77 '5.0.0':74 'activ':86 'allow':36 'alt':47 'asset':3,11,91,99,103 'audio':21 'bulk':57 'bundl':83 'catalog':18 'copi':61 'current':67 'data':25 'delet':63 'depend':79 'detect':30 'develop':15 'document':23 'download':59 'draggabl':42 'duplic':31 'file':26 'filter':37 'float':43 'font':22 'hash':34 'imag':19 'import':28 'includ':40 'interfac':13 'javascript':88 'keyboard':45 'locat':29 'maintain':87 'manag':4,12,92,104 'march':70 'md5':33 'node':76 'oper':58 'panel':44 'path':62 'peer':78 'plugin':2,7,90,95,98,102,108 'provid':8 'react':106 'react-vite-plugin':105 'real':51 'real-tim':50 'regular':84 'releas':85 'requir':72 'scan':16 'shift':48 'ship':64 'shortcut':46 'show':27 'size/type/date':39 'sse':55 'time':52 'type':66 'typescript':65,109 'updat':53 'version':68 'via':32,54 'video':20 'visual':10 'vite':1,6,73,81,89,94,97,101,107 'vite-plugin':93 'vite-plugin-asset':96 'vite-plugin-asset-manag':100 'zip':60","created_at":"2026-04-27T17:05:56.184138+00:00","updated_at":"2026-04-27T17:05:56.184138+00:00","problems":[{"fix":"Run `npm install vite-plugin-asset-manager -D` and use `import AssetManager from 'vite-plugin-asset-manager'`.","cause":"Package not installed or CJS require used instead of ESM import.","error":"Error: Cannot find module 'vite-plugin-asset-manager'"},{"fix":"Use `import AssetManager from 'vite-plugin-asset-manager'` (default export) not `import { AssetManager }`.","cause":"Default import not used; likely destructured incorrectly.","error":"TypeError: AssetManager is not a function"},{"fix":"Update Vite to version 5 or newer.","cause":"Project uses an older Vite version.","error":"Uncaught Error: Vite plugin 'vite-plugin-asset-manager' requires Vite >=5.0.0"},{"fix":"Ensure you have the package installed and only import `withAssetManager` from `'vite-plugin-asset-manager/next'` inside a Next.js configuration file.","cause":"Attempting to use Next.js integration without installing the correct subpath or from a non-Next.js project.","error":"[vite] Internal server error: Cannot find module 'vite-plugin-asset-manager/next'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":"","cli_version":null,"type":"library","homepage":null,"github":"https://github.com/ejirocodes/vite-plugin-asset-manager","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vite-plugin-asset-manager","openapi_spec":null,"status_page":null,"smithery":null,"categories":["devops"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-06-18","next_check":"2026-07-26","install_tag":null}}