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
74 lines
2.0 KiB
JavaScript
74 lines
2.0 KiB
JavaScript
/*
|
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
Author Tobias Koppers @sokra
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
const NormalModule = require("../NormalModule");
|
|
|
|
/** @typedef {import("../Compiler")} Compiler */
|
|
|
|
// data URL scheme: "data:text/javascript;charset=utf-8;base64,some-string"
|
|
// http://www.ietf.org/rfc/rfc2397.txt
|
|
const URIRegEx = /^data:([^;,]+)?((?:;[^;,]+)*?)(?:;(base64)?)?,(.*)$/i;
|
|
|
|
/**
|
|
* @param {string} uri data URI
|
|
* @returns {Buffer | null} decoded data
|
|
*/
|
|
const decodeDataURI = uri => {
|
|
const match = URIRegEx.exec(uri);
|
|
if (!match) return null;
|
|
|
|
const isBase64 = match[3];
|
|
const body = match[4];
|
|
|
|
if (isBase64) {
|
|
return Buffer.from(body, "base64");
|
|
}
|
|
|
|
// CSS allows to use `data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="stroke: rgb(223,224,225); stroke-width: 2px; fill: none; stroke-dasharray: 6px 3px" /></svg>`
|
|
// so we return original body if we can't `decodeURIComponent`
|
|
try {
|
|
return Buffer.from(decodeURIComponent(body), "ascii");
|
|
} catch (_) {
|
|
return Buffer.from(body, "ascii");
|
|
}
|
|
};
|
|
|
|
const PLUGIN_NAME = "DataUriPlugin";
|
|
|
|
class DataUriPlugin {
|
|
/**
|
|
* Apply the plugin
|
|
* @param {Compiler} compiler the compiler instance
|
|
* @returns {void}
|
|
*/
|
|
apply(compiler) {
|
|
compiler.hooks.compilation.tap(
|
|
PLUGIN_NAME,
|
|
(compilation, { normalModuleFactory }) => {
|
|
normalModuleFactory.hooks.resolveForScheme
|
|
.for("data")
|
|
.tap(PLUGIN_NAME, resourceData => {
|
|
const match = URIRegEx.exec(resourceData.resource);
|
|
if (match) {
|
|
resourceData.data.mimetype = match[1] || "";
|
|
resourceData.data.parameters = match[2] || "";
|
|
resourceData.data.encoding = /** @type {"base64" | false} */ (
|
|
match[3] || false
|
|
);
|
|
resourceData.data.encodedContent = match[4] || "";
|
|
}
|
|
});
|
|
NormalModule.getCompilationHooks(compilation)
|
|
.readResourceForScheme.for("data")
|
|
.tap(PLUGIN_NAME, resource => decodeDataURI(resource));
|
|
}
|
|
);
|
|
}
|
|
}
|
|
|
|
module.exports = DataUriPlugin;
|