✨ 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
46 lines
813 B
TypeScript
46 lines
813 B
TypeScript
// Originally by: Rogier Schouten <https://github.com/rogierschouten>
|
|
// Adapted by: Madhav Varshney <https://github.com/madhavarshney>
|
|
declare namespace kleur {
|
|
interface Color {
|
|
(x: string | number): string;
|
|
(): Kleur;
|
|
}
|
|
|
|
interface Kleur {
|
|
// Colors
|
|
black: Color;
|
|
red: Color;
|
|
green: Color;
|
|
yellow: Color;
|
|
blue: Color;
|
|
magenta: Color;
|
|
cyan: Color;
|
|
white: Color;
|
|
gray: Color;
|
|
grey: Color;
|
|
|
|
// Backgrounds
|
|
bgBlack: Color;
|
|
bgRed: Color;
|
|
bgGreen: Color;
|
|
bgYellow: Color;
|
|
bgBlue: Color;
|
|
bgMagenta: Color;
|
|
bgCyan: Color;
|
|
bgWhite: Color;
|
|
|
|
// Modifiers
|
|
reset: Color;
|
|
bold: Color;
|
|
dim: Color;
|
|
italic: Color;
|
|
underline: Color;
|
|
inverse: Color;
|
|
hidden: Color;
|
|
strikethrough: Color;
|
|
}
|
|
}
|
|
|
|
declare let kleur: kleur.Kleur & { enabled: boolean };
|
|
export = kleur;
|