🎯 MapView v2.0 - Global Deployment Ready

 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
This commit is contained in:
2025-07-20 19:52:16 +07:00
parent 3203463a6a
commit c65cc97a33
64624 changed files with 7199453 additions and 6462 deletions

View File

@@ -0,0 +1,7 @@
import { <%= classify(name) %>Pipe } from './<%= name %>.pipe';
describe('<%= classify(name) %>Pipe', () => {
it('should be defined', () => {
expect(new <%= classify(name) %>Pipe()).toBeDefined();
});
});

View File

@@ -0,0 +1,8 @@
import { Injectable } from '@nestjs/common';
@Injectable()
export class <%= classify(name) %>Pipe {
transform(value, metadata) {
return value;
}
}

View File

@@ -0,0 +1,7 @@
import { <%= classify(name) %>Pipe } from './<%= name %>.pipe';
describe('<%= classify(name) %>Pipe', () => {
it('should be defined', () => {
expect(new <%= classify(name) %>Pipe()).toBeDefined();
});
});

View File

@@ -0,0 +1,8 @@
import { ArgumentMetadata, Injectable, PipeTransform } from '@nestjs/common';
@Injectable()
export class <%= classify(name) %>Pipe implements PipeTransform {
transform(value: any, metadata: ArgumentMetadata) {
return value;
}
}

View File

@@ -0,0 +1,3 @@
import { Rule } from '@angular-devkit/schematics';
import { PipeOptions } from './pipe.schema';
export declare function main(options: PipeOptions): Rule;

View File

@@ -0,0 +1,44 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.main = main;
const core_1 = require("@angular-devkit/core");
const schematics_1 = require("@angular-devkit/schematics");
const formatting_1 = require("../../utils/formatting");
const name_parser_1 = require("../../utils/name.parser");
const source_root_helpers_1 = require("../../utils/source-root.helpers");
function main(options) {
options = transform(options);
return (0, schematics_1.chain)([(0, source_root_helpers_1.mergeSourceRoot)(options), (0, schematics_1.mergeWith)(generate(options))]);
}
function transform(options) {
const target = Object.assign({}, options);
if (!target.name) {
throw new schematics_1.SchematicsException('Option (name) is required.');
}
const location = new name_parser_1.NameParser().parse(target);
target.name = (0, formatting_1.normalizeToKebabOrSnakeCase)(location.name);
target.path = (0, formatting_1.normalizeToKebabOrSnakeCase)(location.path);
target.language = target.language !== undefined ? target.language : 'ts';
target.specFileSuffix = (0, formatting_1.normalizeToKebabOrSnakeCase)(options.specFileSuffix || 'spec');
target.path = target.flat
? target.path
: (0, core_1.join)(target.path, target.name);
return target;
}
function generate(options) {
return (context) => (0, schematics_1.apply)((0, schematics_1.url)((0, core_1.join)('./files', options.language)), [
options.spec ? (0, schematics_1.noop)() : (0, schematics_1.filter)((path) => !path.endsWith('.spec.ts')),
options.spec
? (0, schematics_1.noop)()
: (0, schematics_1.filter)((path) => {
const languageExtension = options.language || 'ts';
const suffix = `.__specFileSuffix__.${languageExtension}`;
return !path.endsWith(suffix);
}),
(0, schematics_1.template)({
...core_1.strings,
...options,
}),
(0, schematics_1.move)(options.path),
])(context);
}

View File

@@ -0,0 +1,46 @@
{
"$schema": "http://json-schema.org/schema",
"$id": "SchematicsNestPipe",
"title": "Nest Pipe Options Schema",
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "The name of the pipe.",
"$default": {
"$source": "argv",
"index": 0
},
"x-prompt": "What name would you like to use for the pipe?"
},
"path": {
"type": "string",
"format": "path",
"description": "The path to create the pipe."
},
"language": {
"type": "string",
"description": "Nest pipe language (ts/js)."
},
"sourceRoot": {
"type": "string",
"description": "Nest pipe source root directory."
},
"flat": {
"type": "boolean",
"default": true,
"description": "Flag to indicate if a directory is created."
},
"spec": {
"type": "boolean",
"default": true,
"description": "Specifies if a spec file is generated."
},
"specFileSuffix": {
"type": "string",
"default": "spec",
"description": "Specifies the file suffix of spec files."
}
},
"required": ["name"]
}