ImportMap Manager

A modern UI for managing import-map-overrides (original one) with an enhanced user experience. Built with Vue 3, TypeScript, and Shadcn UI components.

Features

- 🎨 Modern UI built with Shadcn/Vue components
- 📱 Fully responsive design
- 🔍 Module search and filtering
- 🎯 Type-safe with TypeScript
- 🔄 Real-time import map updates
- 📊 Clear visualization of module overrides
- 🌓 Built-in light/dark mode support
- ⚡ Powered by Vite for fast development
- 🔗 Reliable DOM synchronization using MutationObserver (no arbitrary timeouts)


!dark


!light

Development

To run this project locally:

``bash

Install dependencies

npm install

Start development server

npm run dev

Build for production

npm run build

`

Technical Stack

- Vue 3
- TypeScript
- Vite 6
- Tailwind CSS
- Shadcn UI Components
- Radix Vue
- Lucide Icons

Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature`)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

- import-map-overrides - The original project that inspired this UI
- Shadcn/Vue - For the beautiful UI components
- Radix Vue - For accessible component primitives

Related

- Single-spa
- Import Maps
- SystemJS