✨ 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
80 lines
1.5 KiB
Markdown
80 lines
1.5 KiB
Markdown
# `@socket.io/component-emitter`
|
|
|
|
Event emitter component.
|
|
|
|
This project is a fork of the [`component-emitter`](https://github.com/sindresorhus/component-emitter) project, with [Socket.IO](https://socket.io/)-specific TypeScript typings.
|
|
|
|
## Installation
|
|
|
|
```
|
|
$ npm i @socket.io/component-emitter
|
|
```
|
|
|
|
## API
|
|
|
|
### Emitter(obj)
|
|
|
|
The `Emitter` may also be used as a mixin. For example
|
|
a "plain" object may become an emitter, or you may
|
|
extend an existing prototype.
|
|
|
|
As an `Emitter` instance:
|
|
|
|
```js
|
|
import { Emitter } from '@socket.io/component-emitter';
|
|
|
|
var emitter = new Emitter;
|
|
emitter.emit('something');
|
|
```
|
|
|
|
As a mixin:
|
|
|
|
```js
|
|
import { Emitter } from '@socket.io/component-emitter';
|
|
|
|
var user = { name: 'tobi' };
|
|
Emitter(user);
|
|
|
|
user.emit('im a user');
|
|
```
|
|
|
|
As a prototype mixin:
|
|
|
|
```js
|
|
import { Emitter } from '@socket.io/component-emitter';
|
|
|
|
Emitter(User.prototype);
|
|
```
|
|
|
|
### Emitter#on(event, fn)
|
|
|
|
Register an `event` handler `fn`.
|
|
|
|
### Emitter#once(event, fn)
|
|
|
|
Register a single-shot `event` handler `fn`,
|
|
removed immediately after it is invoked the
|
|
first time.
|
|
|
|
### Emitter#off(event, fn)
|
|
|
|
* Pass `event` and `fn` to remove a listener.
|
|
* Pass `event` to remove all listeners on that event.
|
|
* Pass nothing to remove all listeners on all events.
|
|
|
|
### Emitter#emit(event, ...)
|
|
|
|
Emit an `event` with variable option args.
|
|
|
|
### Emitter#listeners(event)
|
|
|
|
Return an array of callbacks, or an empty array.
|
|
|
|
### Emitter#hasListeners(event)
|
|
|
|
Check if this emitter has `event` handlers.
|
|
|
|
## License
|
|
|
|
MIT
|