✨ 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
144 lines
4.1 KiB
JavaScript
144 lines
4.1 KiB
JavaScript
/*
|
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
Author Tobias Koppers @sokra
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
const Template = require("../Template");
|
|
const makeSerializable = require("../util/makeSerializable");
|
|
const HarmonyImportDependency = require("./HarmonyImportDependency");
|
|
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("./HarmonyAcceptImportDependency")} HarmonyAcceptImportDependency */
|
|
|
|
class HarmonyAcceptDependency extends NullDependency {
|
|
/**
|
|
* @param {Range} range expression range
|
|
* @param {HarmonyAcceptImportDependency[]} dependencies import dependencies
|
|
* @param {boolean} hasCallback true, if the range wraps an existing callback
|
|
*/
|
|
constructor(range, dependencies, hasCallback) {
|
|
super();
|
|
this.range = range;
|
|
this.dependencies = dependencies;
|
|
this.hasCallback = hasCallback;
|
|
}
|
|
|
|
get type() {
|
|
return "accepted harmony modules";
|
|
}
|
|
|
|
/**
|
|
* @param {ObjectSerializerContext} context context
|
|
*/
|
|
serialize(context) {
|
|
const { write } = context;
|
|
write(this.range);
|
|
write(this.dependencies);
|
|
write(this.hasCallback);
|
|
super.serialize(context);
|
|
}
|
|
|
|
/**
|
|
* @param {ObjectDeserializerContext} context context
|
|
*/
|
|
deserialize(context) {
|
|
const { read } = context;
|
|
this.range = read();
|
|
this.dependencies = read();
|
|
this.hasCallback = read();
|
|
super.deserialize(context);
|
|
}
|
|
}
|
|
|
|
makeSerializable(
|
|
HarmonyAcceptDependency,
|
|
"webpack/lib/dependencies/HarmonyAcceptDependency"
|
|
);
|
|
|
|
HarmonyAcceptDependency.Template = class HarmonyAcceptDependencyTemplate extends (
|
|
NullDependency.Template
|
|
) {
|
|
/**
|
|
* @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 {HarmonyAcceptDependency} */ (dependency);
|
|
const {
|
|
module,
|
|
runtime,
|
|
runtimeRequirements,
|
|
runtimeTemplate,
|
|
moduleGraph,
|
|
chunkGraph
|
|
} = templateContext;
|
|
const content = dep.dependencies
|
|
.map(dependency => {
|
|
const referencedModule = moduleGraph.getModule(dependency);
|
|
return {
|
|
dependency,
|
|
runtimeCondition: referencedModule
|
|
? HarmonyImportDependency.Template.getImportEmittedRuntime(
|
|
module,
|
|
referencedModule
|
|
)
|
|
: false
|
|
};
|
|
})
|
|
.filter(({ runtimeCondition }) => runtimeCondition !== false)
|
|
.map(({ dependency, runtimeCondition }) => {
|
|
const condition = runtimeTemplate.runtimeConditionExpression({
|
|
chunkGraph,
|
|
runtime,
|
|
runtimeCondition,
|
|
runtimeRequirements
|
|
});
|
|
const s = dependency.getImportStatement(true, templateContext);
|
|
const code = s[0] + s[1];
|
|
if (condition !== "true") {
|
|
return `if (${condition}) {\n${Template.indent(code)}\n}\n`;
|
|
}
|
|
return code;
|
|
})
|
|
.join("");
|
|
|
|
if (dep.hasCallback) {
|
|
if (runtimeTemplate.supportsArrowFunction()) {
|
|
source.insert(
|
|
dep.range[0],
|
|
`__WEBPACK_OUTDATED_DEPENDENCIES__ => { ${content}(`
|
|
);
|
|
source.insert(dep.range[1], ")(__WEBPACK_OUTDATED_DEPENDENCIES__); }");
|
|
} else {
|
|
source.insert(
|
|
dep.range[0],
|
|
`function(__WEBPACK_OUTDATED_DEPENDENCIES__) { ${content}(`
|
|
);
|
|
source.insert(
|
|
dep.range[1],
|
|
")(__WEBPACK_OUTDATED_DEPENDENCIES__); }.bind(this)"
|
|
);
|
|
}
|
|
return;
|
|
}
|
|
|
|
const arrow = runtimeTemplate.supportsArrowFunction();
|
|
source.insert(
|
|
dep.range[1] - 0.5,
|
|
`, ${arrow ? "() =>" : "function()"} { ${content} }`
|
|
);
|
|
}
|
|
};
|
|
|
|
module.exports = HarmonyAcceptDependency;
|