https://github.com/ddavid93/importmap-manager
A modern UI for managing import-map-overrides with an enhanced user experience.
https://github.com/ddavid93/importmap-manager
esm imports javascript microfrontend typescript vue
Last synced: 3 months ago
JSON representation
A modern UI for managing import-map-overrides with an enhanced user experience.
- Host: GitHub
- URL: https://github.com/ddavid93/importmap-manager
- Owner: ddavid93
- License: mit
- Created: 2024-02-10T13:29:47.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2026-01-23T13:51:21.000Z (5 months ago)
- Last Synced: 2026-01-24T02:36:05.715Z (5 months ago)
- Topics: esm, imports, javascript, microfrontend, typescript, vue
- Language: Vue
- Homepage:
- Size: 544 KB
- Stars: 6
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
README
# ImportMap Manager
A modern UI for managing [import-map-overrides](https://github.com/single-spa/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)
## 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](LICENSE.md) file for details.
## Acknowledgments
- [import-map-overrides](https://github.com/single-spa/import-map-overrides) - The original project that inspired this UI
- [Shadcn/Vue](https://www.shadcn-vue.com/) - For the beautiful UI components
- [Radix Vue](https://www.radix-vue.com/) - For accessible component primitives
## Related
- [Single-spa](https://single-spa.js.org/)
- [Import Maps](https://github.com/WICG/import-maps)
- [SystemJS](https://github.com/systemjs/systemjs)