✨ 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
84 lines
2.9 KiB
JavaScript
84 lines
2.9 KiB
JavaScript
const {transform} = require("../dist");
|
|
|
|
// Enum constants taken from the TypeScript codebase.
|
|
const ModuleKindCommonJS = 1;
|
|
|
|
const JsxEmitReactJSX = 4;
|
|
const JsxEmitReactJSXDev = 5;
|
|
|
|
/**
|
|
* ts-node transpiler plugin
|
|
*
|
|
* This plugin hooks into ts-node so that Sucrase can handle all TS-to-JS
|
|
* conversion while ts-node handles the ESM loader, require hook, REPL
|
|
* integration, etc. ts-node automatically discovers the relevant tsconfig file,
|
|
* so the main logic in this integration is translating tsconfig options to the
|
|
* corresponding Sucrase options.
|
|
*
|
|
* Any tsconfig options relevant to Sucrase are translated, but some config
|
|
* options outside the scope of Sucrase are ignored. For example, we assume the
|
|
* isolatedModules option, and we ignore target because Sucrase doesn't provide
|
|
* JS syntax downleveling (at least not in a way that is useful for Node).
|
|
*
|
|
* One notable caveat is that importsNotUsedAsValues and preserveValueImports
|
|
* are ignored right now, since they are deprecated and don't have exact Sucrase
|
|
* equivalents. To preserve imports and exports, use verbatimModuleSyntax.
|
|
*/
|
|
function create(createOptions) {
|
|
const {nodeModuleEmitKind} = createOptions;
|
|
const {
|
|
module,
|
|
jsx,
|
|
jsxFactory,
|
|
jsxFragmentFactory,
|
|
jsxImportSource,
|
|
esModuleInterop,
|
|
verbatimModuleSyntax,
|
|
} = createOptions.service.config.options;
|
|
|
|
return {
|
|
transpile(input, transpileOptions) {
|
|
const {fileName} = transpileOptions;
|
|
const transforms = [];
|
|
// Detect JS rather than TS so we bias toward including the typescript
|
|
// transform, since almost always it doesn't hurt to include.
|
|
const isJS =
|
|
fileName.endsWith(".js") ||
|
|
fileName.endsWith(".jsx") ||
|
|
fileName.endsWith(".mjs") ||
|
|
fileName.endsWith(".cjs");
|
|
if (!isJS) {
|
|
transforms.push("typescript");
|
|
}
|
|
if (module === ModuleKindCommonJS || nodeModuleEmitKind === "nodecjs") {
|
|
transforms.push("imports");
|
|
}
|
|
if (fileName.endsWith(".tsx") || fileName.endsWith(".jsx")) {
|
|
transforms.push("jsx");
|
|
}
|
|
|
|
const {code, sourceMap} = transform(input, {
|
|
transforms,
|
|
disableESTransforms: true,
|
|
jsxRuntime: jsx === JsxEmitReactJSX || jsx === JsxEmitReactJSXDev ? "automatic" : "classic",
|
|
production: jsx === JsxEmitReactJSX,
|
|
jsxImportSource,
|
|
jsxPragma: jsxFactory,
|
|
jsxFragmentPragma: jsxFragmentFactory,
|
|
keepUnusedImports: verbatimModuleSyntax,
|
|
preserveDynamicImport: nodeModuleEmitKind === "nodecjs",
|
|
injectCreateRequireForImportRequire: nodeModuleEmitKind === "nodeesm",
|
|
enableLegacyTypeScriptModuleInterop: !esModuleInterop,
|
|
sourceMapOptions: {compiledFilename: fileName},
|
|
filePath: fileName,
|
|
});
|
|
return {
|
|
outputText: code,
|
|
sourceMapText: JSON.stringify(sourceMap),
|
|
};
|
|
},
|
|
};
|
|
}
|
|
|
|
exports.create = create;
|