✨ 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
69 lines
1.6 KiB
JavaScript
69 lines
1.6 KiB
JavaScript
const { EventEmitter } = require("events");
|
|
|
|
class AbortSignal {
|
|
constructor() {
|
|
this.eventEmitter = new EventEmitter();
|
|
this.onabort = null;
|
|
this.aborted = false;
|
|
this.reason = undefined;
|
|
}
|
|
toString() {
|
|
return "[object AbortSignal]";
|
|
}
|
|
get [Symbol.toStringTag]() {
|
|
return "AbortSignal";
|
|
}
|
|
removeEventListener(name, handler) {
|
|
this.eventEmitter.removeListener(name, handler);
|
|
}
|
|
addEventListener(name, handler) {
|
|
this.eventEmitter.on(name, handler);
|
|
}
|
|
dispatchEvent(type) {
|
|
const event = { type, target: this };
|
|
const handlerName = `on${type}`;
|
|
|
|
if (typeof this[handlerName] === "function") this[handlerName](event);
|
|
|
|
this.eventEmitter.emit(type, event);
|
|
}
|
|
throwIfAborted() {
|
|
if (this.aborted) {
|
|
throw this.reason;
|
|
}
|
|
}
|
|
static abort(reason) {
|
|
const controller = new AbortController();
|
|
controller.abort();
|
|
return controller.signal;
|
|
}
|
|
static timeout(time) {
|
|
const controller = new AbortController();
|
|
setTimeout(() => controller.abort(new Error("TimeoutError")), time);
|
|
return controller.signal;
|
|
}
|
|
}
|
|
class AbortController {
|
|
constructor() {
|
|
this.signal = new AbortSignal();
|
|
}
|
|
abort(reason) {
|
|
if (this.signal.aborted) return;
|
|
|
|
this.signal.aborted = true;
|
|
|
|
if (reason) this.signal.reason = reason;
|
|
else this.signal.reason = new Error("AbortError");
|
|
|
|
this.signal.dispatchEvent("abort");
|
|
}
|
|
toString() {
|
|
return "[object AbortController]";
|
|
}
|
|
get [Symbol.toStringTag]() {
|
|
return "AbortController";
|
|
}
|
|
}
|
|
|
|
module.exports = { AbortController, AbortSignal };
|