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
92 lines
2.4 KiB
Markdown
92 lines
2.4 KiB
Markdown
# wrap-ansi
|
|
|
|
> Wordwrap a string with [ANSI escape codes](https://en.wikipedia.org/wiki/ANSI_escape_code#Colors_and_Styles)
|
|
|
|
## Install
|
|
|
|
```
|
|
$ npm install wrap-ansi
|
|
```
|
|
|
|
## Usage
|
|
|
|
```js
|
|
import chalk from 'chalk';
|
|
import wrapAnsi from 'wrap-ansi';
|
|
|
|
const input = 'The quick brown ' + chalk.red('fox jumped over ') +
|
|
'the lazy ' + chalk.green('dog and then ran away with the unicorn.');
|
|
|
|
console.log(wrapAnsi(input, 20));
|
|
```
|
|
|
|
<img width="331" src="screenshot.png">
|
|
|
|
## API
|
|
|
|
### wrapAnsi(string, columns, options?)
|
|
|
|
Wrap words to the specified column width.
|
|
|
|
#### string
|
|
|
|
Type: `string`
|
|
|
|
String with ANSI escape codes. Like one styled by [`chalk`](https://github.com/chalk/chalk). Newline characters will be normalized to `\n`.
|
|
|
|
#### columns
|
|
|
|
Type: `number`
|
|
|
|
Number of columns to wrap the text to.
|
|
|
|
#### options
|
|
|
|
Type: `object`
|
|
|
|
##### hard
|
|
|
|
Type: `boolean`\
|
|
Default: `false`
|
|
|
|
By default the wrap is soft, meaning long words may extend past the column width. Setting this to `true` will make it hard wrap at the column width.
|
|
|
|
##### wordWrap
|
|
|
|
Type: `boolean`\
|
|
Default: `true`
|
|
|
|
By default, an attempt is made to split words at spaces, ensuring that they don't extend past the configured columns. If wordWrap is `false`, each column will instead be completely filled splitting words as necessary.
|
|
|
|
##### trim
|
|
|
|
Type: `boolean`\
|
|
Default: `true`
|
|
|
|
Whitespace on all lines is removed by default. Set this option to `false` if you don't want to trim.
|
|
|
|
## Related
|
|
|
|
- [slice-ansi](https://github.com/chalk/slice-ansi) - Slice a string with ANSI escape codes
|
|
- [cli-truncate](https://github.com/sindresorhus/cli-truncate) - Truncate a string to a specific width in the terminal
|
|
- [chalk](https://github.com/chalk/chalk) - Terminal string styling done right
|
|
- [jsesc](https://github.com/mathiasbynens/jsesc) - Generate ASCII-only output from Unicode strings. Useful for creating test fixtures.
|
|
|
|
## Maintainers
|
|
|
|
- [Sindre Sorhus](https://github.com/sindresorhus)
|
|
- [Josh Junon](https://github.com/qix-)
|
|
- [Benjamin Coe](https://github.com/bcoe)
|
|
|
|
---
|
|
|
|
<div align="center">
|
|
<b>
|
|
<a href="https://tidelift.com/subscription/pkg/npm-wrap_ansi?utm_source=npm-wrap-ansi&utm_medium=referral&utm_campaign=readme">Get professional support for this package with a Tidelift subscription</a>
|
|
</b>
|
|
<br>
|
|
<sub>
|
|
Tidelift helps make open source sustainable for maintainers while giving companies<br>assurances about security, maintenance, and licensing for their dependencies.
|
|
</sub>
|
|
</div>
|