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
52 lines
2.1 KiB
JavaScript
52 lines
2.1 KiB
JavaScript
"use strict";
|
|
var _definerule = require("../utils/define-rule");
|
|
var _nodeattributes = /*#__PURE__*/ _interop_require_default(require("../utils/node-attributes"));
|
|
function _interop_require_default(obj) {
|
|
return obj && obj.__esModule ? obj : {
|
|
default: obj
|
|
};
|
|
}
|
|
var url = "https://nextjs.org/docs/messages/google-font-display";
|
|
module.exports = (0, _definerule.defineRule)({
|
|
meta: {
|
|
docs: {
|
|
description: "Enforce font-display behavior with Google Fonts.",
|
|
recommended: true,
|
|
url: url
|
|
},
|
|
type: "problem",
|
|
schema: []
|
|
},
|
|
create: function create(context) {
|
|
return {
|
|
JSXOpeningElement: function JSXOpeningElement(node) {
|
|
var message;
|
|
if (node.name.name !== "link") {
|
|
return;
|
|
}
|
|
var attributes = new _nodeattributes.default(node);
|
|
if (!attributes.has("href") || !attributes.hasValue("href")) {
|
|
return;
|
|
}
|
|
var hrefValue = attributes.value("href");
|
|
var isGoogleFont = typeof hrefValue === "string" && hrefValue.startsWith("https://fonts.googleapis.com/css");
|
|
if (isGoogleFont) {
|
|
var params = new URLSearchParams(hrefValue.split("?", 2)[1]);
|
|
var displayValue = params.get("display");
|
|
if (!params.has("display")) {
|
|
message = "A font-display parameter is missing (adding `&display=optional` is recommended).";
|
|
} else if (displayValue === "auto" || displayValue === "block" || displayValue === "fallback") {
|
|
message = "".concat(displayValue[0].toUpperCase() + displayValue.slice(1), " is not recommended.");
|
|
}
|
|
}
|
|
if (message) {
|
|
context.report({
|
|
node: node,
|
|
message: "".concat(message, " See: ").concat(url)
|
|
});
|
|
}
|
|
}
|
|
};
|
|
}
|
|
});
|