✨ 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
182 lines
3.2 KiB
JavaScript
182 lines
3.2 KiB
JavaScript
/*!
|
|
* express
|
|
* Copyright(c) 2009-2013 TJ Holowaychuk
|
|
* Copyright(c) 2013 Roman Shtylman
|
|
* Copyright(c) 2014-2015 Douglas Christopher Wilson
|
|
* MIT Licensed
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
/**
|
|
* Module dependencies.
|
|
* @private
|
|
*/
|
|
|
|
var pathRegexp = require('path-to-regexp');
|
|
var debug = require('debug')('express:router:layer');
|
|
|
|
/**
|
|
* Module variables.
|
|
* @private
|
|
*/
|
|
|
|
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
|
|
/**
|
|
* Module exports.
|
|
* @public
|
|
*/
|
|
|
|
module.exports = Layer;
|
|
|
|
function Layer(path, options, fn) {
|
|
if (!(this instanceof Layer)) {
|
|
return new Layer(path, options, fn);
|
|
}
|
|
|
|
debug('new %o', path)
|
|
var opts = options || {};
|
|
|
|
this.handle = fn;
|
|
this.name = fn.name || '<anonymous>';
|
|
this.params = undefined;
|
|
this.path = undefined;
|
|
this.regexp = pathRegexp(path, this.keys = [], opts);
|
|
|
|
// set fast path flags
|
|
this.regexp.fast_star = path === '*'
|
|
this.regexp.fast_slash = path === '/' && opts.end === false
|
|
}
|
|
|
|
/**
|
|
* Handle the error for the layer.
|
|
*
|
|
* @param {Error} error
|
|
* @param {Request} req
|
|
* @param {Response} res
|
|
* @param {function} next
|
|
* @api private
|
|
*/
|
|
|
|
Layer.prototype.handle_error = function handle_error(error, req, res, next) {
|
|
var fn = this.handle;
|
|
|
|
if (fn.length !== 4) {
|
|
// not a standard error handler
|
|
return next(error);
|
|
}
|
|
|
|
try {
|
|
fn(error, req, res, next);
|
|
} catch (err) {
|
|
next(err);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Handle the request for the layer.
|
|
*
|
|
* @param {Request} req
|
|
* @param {Response} res
|
|
* @param {function} next
|
|
* @api private
|
|
*/
|
|
|
|
Layer.prototype.handle_request = function handle(req, res, next) {
|
|
var fn = this.handle;
|
|
|
|
if (fn.length > 3) {
|
|
// not a standard request handler
|
|
return next();
|
|
}
|
|
|
|
try {
|
|
fn(req, res, next);
|
|
} catch (err) {
|
|
next(err);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Check if this route matches `path`, if so
|
|
* populate `.params`.
|
|
*
|
|
* @param {String} path
|
|
* @return {Boolean}
|
|
* @api private
|
|
*/
|
|
|
|
Layer.prototype.match = function match(path) {
|
|
var match
|
|
|
|
if (path != null) {
|
|
// fast path non-ending match for / (any path matches)
|
|
if (this.regexp.fast_slash) {
|
|
this.params = {}
|
|
this.path = ''
|
|
return true
|
|
}
|
|
|
|
// fast path for * (everything matched in a param)
|
|
if (this.regexp.fast_star) {
|
|
this.params = {'0': decode_param(path)}
|
|
this.path = path
|
|
return true
|
|
}
|
|
|
|
// match the path
|
|
match = this.regexp.exec(path)
|
|
}
|
|
|
|
if (!match) {
|
|
this.params = undefined;
|
|
this.path = undefined;
|
|
return false;
|
|
}
|
|
|
|
// store values
|
|
this.params = {};
|
|
this.path = match[0]
|
|
|
|
var keys = this.keys;
|
|
var params = this.params;
|
|
|
|
for (var i = 1; i < match.length; i++) {
|
|
var key = keys[i - 1];
|
|
var prop = key.name;
|
|
var val = decode_param(match[i])
|
|
|
|
if (val !== undefined || !(hasOwnProperty.call(params, prop))) {
|
|
params[prop] = val;
|
|
}
|
|
}
|
|
|
|
return true;
|
|
};
|
|
|
|
/**
|
|
* Decode param value.
|
|
*
|
|
* @param {string} val
|
|
* @return {string}
|
|
* @private
|
|
*/
|
|
|
|
function decode_param(val) {
|
|
if (typeof val !== 'string' || val.length === 0) {
|
|
return val;
|
|
}
|
|
|
|
try {
|
|
return decodeURIComponent(val);
|
|
} catch (err) {
|
|
if (err instanceof URIError) {
|
|
err.message = 'Failed to decode param \'' + val + '\'';
|
|
err.status = err.statusCode = 400;
|
|
}
|
|
|
|
throw err;
|
|
}
|
|
}
|