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
70 lines
1.9 KiB
Markdown
70 lines
1.9 KiB
Markdown
<p align="center">
|
|
<a href="https://date-fns.org/">
|
|
<img alt="date-fns" title="date-fns" src="https://raw.githubusercontent.com/date-fns/date-fns/master/docs/logotype.svg" width="300" />
|
|
</a>
|
|
</p>
|
|
|
|
<p align="center">
|
|
<b>date-fns</b> provides the most comprehensive, yet simple and consistent toolset
|
|
<br>
|
|
for manipulating <b>JavaScript dates</b> in <b>a browser</b> & <b>Node.js</b>.</b>
|
|
</p>
|
|
|
|
<div align="center">
|
|
|
|
[📖 Documentation](https://date-fns.org/docs/Getting-Started/) | [🧑💻 JavaScript Jobs](https://jobs.date-fns.org/)
|
|
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
# It's like [Lodash](https://lodash.com) for dates
|
|
|
|
- It has [**200+ functions** for all occasions](https://date-fns.org/docs/Getting-Started/).
|
|
- **Modular**: Pick what you need. Works with webpack, Browserify, or Rollup and also supports tree-shaking.
|
|
- **Native dates**: Uses existing native type. It doesn't extend core objects for safety's sake.
|
|
- **Immutable & Pure**: Built using pure functions and always returns a new date instance.
|
|
- **TypeScript & Flow**: Supports both Flow and TypeScript
|
|
- **I18n**: Dozens of locales. Include only what you need.
|
|
- [and many more benefits](https://date-fns.org/)
|
|
|
|
```js
|
|
import { compareAsc, format } from 'date-fns'
|
|
|
|
format(new Date(2014, 1, 11), 'yyyy-MM-dd')
|
|
//=> '2014-02-11'
|
|
|
|
const dates = [
|
|
new Date(1995, 6, 2),
|
|
new Date(1987, 1, 11),
|
|
new Date(1989, 6, 10),
|
|
]
|
|
dates.sort(compareAsc)
|
|
//=> [
|
|
// Wed Feb 11 1987 00:00:00,
|
|
// Mon Jul 10 1989 00:00:00,
|
|
// Sun Jul 02 1995 00:00:00
|
|
// ]
|
|
```
|
|
|
|
The library is available as an [npm package](https://www.npmjs.com/package/date-fns).
|
|
To install the package run:
|
|
|
|
```bash
|
|
npm install date-fns --save
|
|
# or with yarn
|
|
yarn add date-fns
|
|
```
|
|
|
|
## Docs
|
|
|
|
[See date-fns.org](https://date-fns.org/) for more details, API,
|
|
and other docs.
|
|
|
|
<br />
|
|
<!-- END OF README-JOB SECTION -->
|
|
|
|
## License
|
|
|
|
[MIT © Sasha Koss](https://kossnocorp.mit-license.org/)
|