PhongPham
c65cc97a33
✨ 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
97 lines
2.2 KiB
JavaScript
97 lines
2.2 KiB
JavaScript
'use strict';
|
|
/**
|
|
* Sticky bottom bar user interface
|
|
*/
|
|
|
|
const through = require('through');
|
|
const Base = require('./baseUI');
|
|
const rlUtils = require('../utils/readline');
|
|
|
|
class BottomBar extends Base {
|
|
constructor(opt = {}) {
|
|
super(opt);
|
|
|
|
this.log = through(this.writeLog.bind(this));
|
|
this.bottomBar = opt.bottomBar || '';
|
|
this.render();
|
|
}
|
|
|
|
/**
|
|
* Render the prompt to screen
|
|
* @return {BottomBar} self
|
|
*/
|
|
|
|
render() {
|
|
this.write(this.bottomBar);
|
|
return this;
|
|
}
|
|
|
|
clean() {
|
|
rlUtils.clearLine(this.rl, this.bottomBar.split('\n').length);
|
|
return this;
|
|
}
|
|
|
|
/**
|
|
* Update the bottom bar content and rerender
|
|
* @param {String} bottomBar Bottom bar content
|
|
* @return {BottomBar} self
|
|
*/
|
|
|
|
updateBottomBar(bottomBar) {
|
|
rlUtils.clearLine(this.rl, 1);
|
|
this.rl.output.unmute();
|
|
this.clean();
|
|
this.bottomBar = bottomBar;
|
|
this.render();
|
|
this.rl.output.mute();
|
|
return this;
|
|
}
|
|
|
|
/**
|
|
* Write out log data
|
|
* @param {String} data - The log data to be output
|
|
* @return {BottomBar} self
|
|
*/
|
|
|
|
writeLog(data) {
|
|
this.rl.output.unmute();
|
|
this.clean();
|
|
this.rl.output.write(this.enforceLF(data.toString()));
|
|
this.render();
|
|
this.rl.output.mute();
|
|
return this;
|
|
}
|
|
|
|
/**
|
|
* Make sure line end on a line feed
|
|
* @param {String} str Input string
|
|
* @return {String} The input string with a final line feed
|
|
*/
|
|
|
|
enforceLF(str) {
|
|
return str.match(/[\r\n]$/) ? str : str + '\n';
|
|
}
|
|
|
|
/**
|
|
* Helper for writing message in Prompt
|
|
* @param {String} message - The message to be output
|
|
*/
|
|
write(message) {
|
|
const msgLines = message.split(/\n/);
|
|
this.height = msgLines.length;
|
|
|
|
// Write message to screen and setPrompt to control backspace
|
|
this.rl.setPrompt(msgLines[msgLines.length - 1]);
|
|
|
|
if (this.rl.output.rows === 0 && this.rl.output.columns === 0) {
|
|
/* When it's a tty through serial port there's no terminal info and the render will malfunction,
|
|
so we need enforce the cursor to locate to the leftmost position for rendering. */
|
|
rlUtils.left(this.rl, message.length + this.rl.line.length);
|
|
}
|
|
|
|
this.rl.output.write(message);
|
|
}
|
|
}
|
|
|
|
module.exports = BottomBar;
|