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
102 lines
2.7 KiB
JavaScript
102 lines
2.7 KiB
JavaScript
'use strict';
|
|
|
|
Object.defineProperty(exports, '__esModule', {
|
|
value: true
|
|
});
|
|
exports.test = exports.serialize = exports.default = void 0;
|
|
var _markup = require('./lib/markup');
|
|
/**
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*/
|
|
|
|
const ELEMENT_NODE = 1;
|
|
const TEXT_NODE = 3;
|
|
const COMMENT_NODE = 8;
|
|
const FRAGMENT_NODE = 11;
|
|
const ELEMENT_REGEXP = /^((HTML|SVG)\w*)?Element$/;
|
|
const testHasAttribute = val => {
|
|
try {
|
|
return typeof val.hasAttribute === 'function' && val.hasAttribute('is');
|
|
} catch {
|
|
return false;
|
|
}
|
|
};
|
|
const testNode = val => {
|
|
const constructorName = val.constructor.name;
|
|
const {nodeType, tagName} = val;
|
|
const isCustomElement =
|
|
(typeof tagName === 'string' && tagName.includes('-')) ||
|
|
testHasAttribute(val);
|
|
return (
|
|
(nodeType === ELEMENT_NODE &&
|
|
(ELEMENT_REGEXP.test(constructorName) || isCustomElement)) ||
|
|
(nodeType === TEXT_NODE && constructorName === 'Text') ||
|
|
(nodeType === COMMENT_NODE && constructorName === 'Comment') ||
|
|
(nodeType === FRAGMENT_NODE && constructorName === 'DocumentFragment')
|
|
);
|
|
};
|
|
const test = val => val?.constructor?.name && testNode(val);
|
|
exports.test = test;
|
|
function nodeIsText(node) {
|
|
return node.nodeType === TEXT_NODE;
|
|
}
|
|
function nodeIsComment(node) {
|
|
return node.nodeType === COMMENT_NODE;
|
|
}
|
|
function nodeIsFragment(node) {
|
|
return node.nodeType === FRAGMENT_NODE;
|
|
}
|
|
const serialize = (node, config, indentation, depth, refs, printer) => {
|
|
if (nodeIsText(node)) {
|
|
return (0, _markup.printText)(node.data, config);
|
|
}
|
|
if (nodeIsComment(node)) {
|
|
return (0, _markup.printComment)(node.data, config);
|
|
}
|
|
const type = nodeIsFragment(node)
|
|
? 'DocumentFragment'
|
|
: node.tagName.toLowerCase();
|
|
if (++depth > config.maxDepth) {
|
|
return (0, _markup.printElementAsLeaf)(type, config);
|
|
}
|
|
return (0, _markup.printElement)(
|
|
type,
|
|
(0, _markup.printProps)(
|
|
nodeIsFragment(node)
|
|
? []
|
|
: Array.from(node.attributes, attr => attr.name).sort(),
|
|
nodeIsFragment(node)
|
|
? {}
|
|
: Array.from(node.attributes).reduce((props, attribute) => {
|
|
props[attribute.name] = attribute.value;
|
|
return props;
|
|
}, {}),
|
|
config,
|
|
indentation + config.indent,
|
|
depth,
|
|
refs,
|
|
printer
|
|
),
|
|
(0, _markup.printChildren)(
|
|
Array.prototype.slice.call(node.childNodes || node.children),
|
|
config,
|
|
indentation + config.indent,
|
|
depth,
|
|
refs,
|
|
printer
|
|
),
|
|
config,
|
|
indentation
|
|
);
|
|
};
|
|
exports.serialize = serialize;
|
|
const plugin = {
|
|
serialize,
|
|
test
|
|
};
|
|
var _default = plugin;
|
|
exports.default = _default;
|