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
105 lines
3.3 KiB
Markdown
105 lines
3.3 KiB
Markdown
[](https://prettier.io)
|
|
|
|
<h2 align="center">Opinionated Code Formatter</h2>
|
|
|
|
<p align="center">
|
|
<em>
|
|
JavaScript
|
|
· TypeScript
|
|
· Flow
|
|
· JSX
|
|
· JSON
|
|
</em>
|
|
<br />
|
|
<em>
|
|
CSS
|
|
· SCSS
|
|
· Less
|
|
</em>
|
|
<br />
|
|
<em>
|
|
HTML
|
|
· Vue
|
|
· Angular
|
|
</em>
|
|
<br />
|
|
<em>
|
|
GraphQL
|
|
· Markdown
|
|
· YAML
|
|
</em>
|
|
<br />
|
|
<em>
|
|
<a href="https://prettier.io/docs/plugins">
|
|
Your favorite language?
|
|
</a>
|
|
</em>
|
|
</p>
|
|
|
|
<p align="center">
|
|
<a href="https://github.com/prettier/prettier/actions?query=branch%3Amain">
|
|
<img alt="CI Status" src="https://img.shields.io/github/check-runs/prettier/prettier/main?style=flat-square&label=CI"></a>
|
|
<a href="https://codecov.io/gh/prettier/prettier">
|
|
<img alt="Coverage Status" src="https://img.shields.io/codecov/c/github/prettier/prettier.svg?style=flat-square"></a>
|
|
<a href="https://x.com/acdlite/status/974390255393505280">
|
|
<img alt="Blazing Fast" src="https://img.shields.io/badge/speed-blazing%20%F0%9F%94%A5-brightgreen.svg?style=flat-square"></a>
|
|
<br/>
|
|
<a href="https://www.npmjs.com/package/prettier">
|
|
<img alt="npm version" src="https://img.shields.io/npm/v/prettier.svg?style=flat-square"></a>
|
|
<a href="https://www.npmjs.com/package/prettier">
|
|
<img alt="weekly downloads from npm" src="https://img.shields.io/npm/dw/prettier.svg?style=flat-square"></a>
|
|
<a href="https://github.com/prettier/prettier#badge">
|
|
<img alt="code style: prettier" src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square"></a>
|
|
<a href="https://x.com/intent/follow?screen_name=PrettierCode">
|
|
<img alt="Follow Prettier on X" src="https://img.shields.io/badge/%40PrettierCode-9f9f9f?style=flat-square&logo=x&labelColor=555"></a>
|
|
</p>
|
|
|
|
## Intro
|
|
|
|
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
|
|
|
|
### Input
|
|
|
|
<!-- prettier-ignore -->
|
|
```js
|
|
foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());
|
|
```
|
|
|
|
### Output
|
|
|
|
```js
|
|
foo(
|
|
reallyLongArg(),
|
|
omgSoManyParameters(),
|
|
IShouldRefactorThis(),
|
|
isThereSeriouslyAnotherOne(),
|
|
);
|
|
```
|
|
|
|
Prettier can be run [in your editor](https://prettier.io/docs/editors) on-save, in a [pre-commit hook](https://prettier.io/docs/precommit), or in [CI environments](https://prettier.io/docs/cli#list-different) to ensure your codebase has a consistent style without devs ever having to post a nit-picky comment on a code review ever again!
|
|
|
|
---
|
|
|
|
**[Documentation](https://prettier.io/docs/)**
|
|
|
|
[Install](https://prettier.io/docs/install) ·
|
|
[Options](https://prettier.io/docs/options) ·
|
|
[CLI](https://prettier.io/docs/cli) ·
|
|
[API](https://prettier.io/docs/api)
|
|
|
|
**[Playground](https://prettier.io/playground/)**
|
|
|
|
---
|
|
|
|
## Badge
|
|
|
|
Show the world you're using _Prettier_ → [](https://github.com/prettier/prettier)
|
|
|
|
```md
|
|
[](https://github.com/prettier/prettier)
|
|
```
|
|
|
|
## Contributing
|
|
|
|
See [CONTRIBUTING.md](CONTRIBUTING.md).
|