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
53 lines
2.4 KiB
JavaScript
53 lines
2.4 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
Object.defineProperty(exports, "createComponentStylesAndScripts", {
|
|
enumerable: true,
|
|
get: function() {
|
|
return createComponentStylesAndScripts;
|
|
}
|
|
});
|
|
const _jsxruntime = require("react/jsx-runtime");
|
|
const _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
|
const _interopdefault = require("./interop-default");
|
|
const _getcssinlinedlinktags = require("./get-css-inlined-link-tags");
|
|
const _getassetquerystring = require("./get-asset-query-string");
|
|
const _encodeuripath = require("../../shared/lib/encode-uri-path");
|
|
function _interop_require_default(obj) {
|
|
return obj && obj.__esModule ? obj : {
|
|
default: obj
|
|
};
|
|
}
|
|
async function createComponentStylesAndScripts({ filePath, getComponent, injectedCSS, injectedJS, ctx }) {
|
|
const { styles: cssHrefs, scripts: jsHrefs } = (0, _getcssinlinedlinktags.getLinkAndScriptTags)(ctx.clientReferenceManifest, filePath, injectedCSS, injectedJS);
|
|
const styles = cssHrefs ? cssHrefs.map((href, index)=>{
|
|
const fullHref = `${ctx.assetPrefix}/_next/${(0, _encodeuripath.encodeURIPath)(href)}${(0, _getassetquerystring.getAssetQueryString)(ctx, true)}`;
|
|
// `Precedence` is an opt-in signal for React to handle resource
|
|
// loading and deduplication, etc. It's also used as the key to sort
|
|
// resources so they will be injected in the correct order.
|
|
// During HMR, it's critical to use different `precedence` values
|
|
// for different stylesheets, so their order will be kept.
|
|
// https://github.com/facebook/react/pull/25060
|
|
const precedence = process.env.NODE_ENV === "development" ? "next_" + href : "next";
|
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)("link", {
|
|
rel: "stylesheet",
|
|
href: fullHref,
|
|
// @ts-ignore
|
|
precedence: precedence,
|
|
crossOrigin: ctx.renderOpts.crossOrigin
|
|
}, index);
|
|
}) : null;
|
|
const scripts = jsHrefs ? jsHrefs.map((href)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("script", {
|
|
src: `${ctx.assetPrefix}/_next/${(0, _encodeuripath.encodeURIPath)(href)}${(0, _getassetquerystring.getAssetQueryString)(ctx, true)}`,
|
|
async: true
|
|
})) : null;
|
|
const Comp = (0, _interopdefault.interopDefault)(await getComponent());
|
|
return [
|
|
Comp,
|
|
styles,
|
|
scripts
|
|
];
|
|
}
|
|
|
|
//# sourceMappingURL=create-component-styles-and-scripts.js.map
|