✨ 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
101 lines
2.8 KiB
JavaScript
101 lines
2.8 KiB
JavaScript
/*
|
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
Author Tobias Koppers @sokra
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
const loaderFlag = "LOADER_EXECUTION";
|
|
|
|
const webpackOptionsFlag = "WEBPACK_OPTIONS";
|
|
|
|
/**
|
|
* @param {string} stack stack trace
|
|
* @param {string} flag flag to cut off
|
|
* @returns {string} stack trace without the specified flag included
|
|
*/
|
|
const cutOffByFlag = (stack, flag) => {
|
|
const errorStack = stack.split("\n");
|
|
for (let i = 0; i < errorStack.length; i++) {
|
|
if (errorStack[i].includes(flag)) {
|
|
errorStack.length = i;
|
|
}
|
|
}
|
|
return errorStack.join("\n");
|
|
};
|
|
|
|
/**
|
|
* @param {string} stack stack trace
|
|
* @returns {string} stack trace without the loader execution flag included
|
|
*/
|
|
const cutOffLoaderExecution = stack => cutOffByFlag(stack, loaderFlag);
|
|
|
|
/**
|
|
* @param {string} stack stack trace
|
|
* @returns {string} stack trace without the webpack options flag included
|
|
*/
|
|
const cutOffWebpackOptions = stack => cutOffByFlag(stack, webpackOptionsFlag);
|
|
|
|
/**
|
|
* @param {string} stack stack trace
|
|
* @param {string} message error message
|
|
* @returns {string} stack trace without the message included
|
|
*/
|
|
const cutOffMultilineMessage = (stack, message) => {
|
|
const stackSplitByLines = stack.split("\n");
|
|
const messageSplitByLines = message.split("\n");
|
|
|
|
/** @type {string[]} */
|
|
const result = [];
|
|
|
|
for (const [idx, line] of stackSplitByLines.entries()) {
|
|
if (!line.includes(messageSplitByLines[idx])) result.push(line);
|
|
}
|
|
|
|
return result.join("\n");
|
|
};
|
|
|
|
/**
|
|
* @param {string} stack stack trace
|
|
* @param {string} message error message
|
|
* @returns {string} stack trace without the message included
|
|
*/
|
|
const cutOffMessage = (stack, message) => {
|
|
const nextLine = stack.indexOf("\n");
|
|
if (nextLine === -1) {
|
|
return stack === message ? "" : stack;
|
|
}
|
|
const firstLine = stack.slice(0, nextLine);
|
|
return firstLine === message ? stack.slice(nextLine + 1) : stack;
|
|
};
|
|
|
|
/**
|
|
* @param {string} stack stack trace
|
|
* @param {string} message error message
|
|
* @returns {string} stack trace without the loader execution flag and message included
|
|
*/
|
|
const cleanUp = (stack, message) => {
|
|
stack = cutOffLoaderExecution(stack);
|
|
stack = cutOffMessage(stack, message);
|
|
return stack;
|
|
};
|
|
|
|
/**
|
|
* @param {string} stack stack trace
|
|
* @param {string} message error message
|
|
* @returns {string} stack trace without the webpack options flag and message included
|
|
*/
|
|
const cleanUpWebpackOptions = (stack, message) => {
|
|
stack = cutOffWebpackOptions(stack);
|
|
stack = cutOffMultilineMessage(stack, message);
|
|
return stack;
|
|
};
|
|
|
|
module.exports.cleanUp = cleanUp;
|
|
module.exports.cleanUpWebpackOptions = cleanUpWebpackOptions;
|
|
module.exports.cutOffByFlag = cutOffByFlag;
|
|
module.exports.cutOffLoaderExecution = cutOffLoaderExecution;
|
|
module.exports.cutOffMessage = cutOffMessage;
|
|
module.exports.cutOffMultilineMessage = cutOffMultilineMessage;
|
|
module.exports.cutOffWebpackOptions = cutOffWebpackOptions;
|