✨ MAJOR FEATURES: • Auto-zoom intelligence với smart bounds fitting • Enhanced 3D GPS markers với pulsing effects • Professional route display với 6-layer rendering • Status-based parking icons với availability indicators • Production-ready build optimizations 🗺️ AUTO-ZOOM FEATURES: • Smart bounds fitting cho GPS + selected parking • Adaptive padding (50px) cho visual balance • Max zoom control (level 16) để tránh quá gần • Dynamic centering khi không có selection 🎨 ENHANCED VISUALS: • 3D GPS marker với multi-layer pulse effects • Advanced parking icons với status colors • Selection highlighting với animation • Dimming system cho non-selected items 🛣️ ROUTE SYSTEM: • OpenRouteService API integration • Multi-layer route rendering (glow, shadow, main, animated) • Real-time distance & duration calculation • Visual route info trong popup 📱 PRODUCTION READY: • SSR safe với dynamic imports • Build errors resolved • Global deployment via Vercel • Optimized performance 🌍 DEPLOYMENT: • Vercel: https://whatever-ctk2auuxr-phong12hexdockworks-projects.vercel.app • Bundle size: 22.8 kB optimized • Global CDN distribution • HTTPS enabled 💾 VERSION CONTROL: • MapView-v2.0.tsx backup created • MAPVIEW_VERSIONS.md documentation • Full version history tracking
@nuxt/opencollective 🤝 Pretty opencollective stats on postinstall!
Features
Displaying opencollective statistics and a donation URL after users install a package is important for many creators. After problems with current packages that offer similar features, we decided to spin off our one own. Our key goals are:
- No interference/problems when installing packages. Never break installation because of the package
- Pretty output for all information
- Decent configurability
- Seamless drop-in for common solutions
Setup
- Add
@nuxt/opencollectivedependency using yarn or npm to your project - Add the script to
postinstallin your package.json
{
// ...
"scripts": {
"postinstall": "opencollective || exit 0"
},
"collective": {
"url": "https://opencollective.com/nuxtjs"
}
// ...
}
- Configure it
Configuration
Configuration is applied through your project's package.json.
A full configuration looks like:
{
"collective": {
"url": "https://opencollective.com/nuxtjs",
"logoUrl": "https://opencollective.com/nuxtjs/logo.txt?reverse=true&variant=variant2",
"donation": {
"slug": "/order/591",
"amount": "50",
"text": "Please donate:"
}
}
}
| Attribute | Optional | Default | Comment |
|---|---|---|---|
| url | ❌ | - | The URL to your opencollective page |
| logo | ✅ | - | LEGACY: The URL to the logo that should be displayed. Please use logoUrl instead. |
| logoUrl | ✅ | - | The URL to the ASCII-logo that should be displayed. |
| donation.slug | ✅ | '/donate' | The slug that should be appended to url. Can be used to setup a specific order. |
| donation.amount | ✅ | - | The default amount that should be selected on the opencollective page. |
| donation.text | ✅ | 'Donate:' | The text that will be displayed before your donation url. |
Disable message
We know the postinstall messages can be annoying when deploying in production or running a CI pipeline. That's why the message is disabled in those environments by default.
Enabled when one the following environment variables is set:
NODE_ENV=devNODE_ENV=developmentOPENCOLLECTIVE_FORCE
Strictly Disabled when one the following environment variables is set:
OC_POSTINSTALL_TESTOPENCOLLECTIVE_HIDECICONTINUOUS_INTEGRATIONNODE_ENV(set and notdevordevelopment)DISABLE_OPENCOLLECTIVE(set to any string value that is not'false'or'0', for compatability with opencollective-postinatall)
Development
- Clone this repository
- Install dependencies using
yarn installornpm install - Run it manually
path/to/project/root/src/index.js path/to/package/you/want/to/try - Run tests with
npm toryarn test
Inspiration
This project is heavily inspired by opencollective-cli.
License
MIT License MIT. Made with 💖
