✨ 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
125 lines
3.5 KiB
JavaScript
125 lines
3.5 KiB
JavaScript
/*
|
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
Author Tobias Koppers @sokra
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
const DependencyTemplate = require("../DependencyTemplate");
|
|
const makeSerializable = require("../util/makeSerializable");
|
|
const LocalModuleDependency = require("./LocalModuleDependency");
|
|
const NullDependency = require("./NullDependency");
|
|
|
|
/** @typedef {import("webpack-sources").ReplaceSource} ReplaceSource */
|
|
/** @typedef {import("../Dependency")} Dependency */
|
|
/** @typedef {import("../DependencyTemplate").DependencyTemplateContext} DependencyTemplateContext */
|
|
/** @typedef {import("../javascript/JavascriptParser").Range} Range */
|
|
/** @typedef {import("../serialization/ObjectMiddleware").ObjectDeserializerContext} ObjectDeserializerContext */
|
|
/** @typedef {import("../serialization/ObjectMiddleware").ObjectSerializerContext} ObjectSerializerContext */
|
|
/** @typedef {import("./AMDRequireItemDependency")} AMDRequireItemDependency */
|
|
|
|
class AMDRequireArrayDependency extends NullDependency {
|
|
/**
|
|
* @param {(string | LocalModuleDependency | AMDRequireItemDependency)[]} depsArray deps array
|
|
* @param {Range} range range
|
|
*/
|
|
constructor(depsArray, range) {
|
|
super();
|
|
|
|
this.depsArray = depsArray;
|
|
this.range = range;
|
|
}
|
|
|
|
get type() {
|
|
return "amd require array";
|
|
}
|
|
|
|
get category() {
|
|
return "amd";
|
|
}
|
|
|
|
/**
|
|
* @param {ObjectSerializerContext} context context
|
|
*/
|
|
serialize(context) {
|
|
const { write } = context;
|
|
|
|
write(this.depsArray);
|
|
write(this.range);
|
|
|
|
super.serialize(context);
|
|
}
|
|
|
|
/**
|
|
* @param {ObjectDeserializerContext} context context
|
|
*/
|
|
deserialize(context) {
|
|
const { read } = context;
|
|
|
|
this.depsArray = read();
|
|
this.range = read();
|
|
|
|
super.deserialize(context);
|
|
}
|
|
}
|
|
|
|
makeSerializable(
|
|
AMDRequireArrayDependency,
|
|
"webpack/lib/dependencies/AMDRequireArrayDependency"
|
|
);
|
|
|
|
AMDRequireArrayDependency.Template = class AMDRequireArrayDependencyTemplate extends (
|
|
DependencyTemplate
|
|
) {
|
|
/**
|
|
* @param {Dependency} dependency the dependency for which the template should be applied
|
|
* @param {ReplaceSource} source the current replace source which can be modified
|
|
* @param {DependencyTemplateContext} templateContext the context object
|
|
* @returns {void}
|
|
*/
|
|
apply(dependency, source, templateContext) {
|
|
const dep = /** @type {AMDRequireArrayDependency} */ (dependency);
|
|
const content = this.getContent(dep, templateContext);
|
|
source.replace(dep.range[0], dep.range[1] - 1, content);
|
|
}
|
|
|
|
/**
|
|
* @param {AMDRequireArrayDependency} dep the dependency for which the template should be applied
|
|
* @param {DependencyTemplateContext} templateContext the context object
|
|
* @returns {string} content
|
|
*/
|
|
getContent(dep, templateContext) {
|
|
const requires = dep.depsArray.map(dependency =>
|
|
this.contentForDependency(dependency, templateContext)
|
|
);
|
|
return `[${requires.join(", ")}]`;
|
|
}
|
|
|
|
/**
|
|
* @param {string | LocalModuleDependency | AMDRequireItemDependency} dep the dependency for which the template should be applied
|
|
* @param {DependencyTemplateContext} templateContext the context object
|
|
* @returns {string} content
|
|
*/
|
|
contentForDependency(
|
|
dep,
|
|
{ runtimeTemplate, moduleGraph, chunkGraph, runtimeRequirements }
|
|
) {
|
|
if (typeof dep === "string") {
|
|
return dep;
|
|
}
|
|
|
|
if (dep instanceof LocalModuleDependency) {
|
|
return dep.localModule.variableName();
|
|
}
|
|
|
|
return runtimeTemplate.moduleExports({
|
|
module: moduleGraph.getModule(dep),
|
|
chunkGraph,
|
|
request: dep.request,
|
|
runtimeRequirements
|
|
});
|
|
}
|
|
};
|
|
|
|
module.exports = AMDRequireArrayDependency;
|