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
111 lines
3.0 KiB
Markdown
111 lines
3.0 KiB
Markdown
# package-json-from-dist
|
|
|
|
Sometimes you want to load the `package.json` into your
|
|
TypeScript program, and it's tempting to just `import
|
|
'../package.json'`, since that seems to work.
|
|
|
|
However, this requires `tsc` to make an entire copy of your
|
|
`package.json` file into the `dist` folder, which is a problem if
|
|
you're using something like
|
|
[tshy](https://github.com/isaacs/tshy), which uses the
|
|
`package.json` file in dist for another purpose. Even when that
|
|
does work, it's asking the module system to do a bunch of extra
|
|
fs system calls, just to load a version number or something. (See
|
|
[this issue](https://github.com/isaacs/tshy/issues/61).)
|
|
|
|
This module helps by just finding the package.json file
|
|
appropriately, and reading and parsing it in the most normal
|
|
fashion.
|
|
|
|
## Caveats
|
|
|
|
This _only_ works if your code builds into a target folder called
|
|
`dist`, which is in the root of the package. It also requires
|
|
that you do not have a folder named `node_modules` anywhere
|
|
within your dev environment, or else it'll get the wrong answers
|
|
there. (But, at least, that'll be in dev, so you're pretty likely
|
|
to notice.)
|
|
|
|
If you build to some other location, then you'll need a different
|
|
approach. (Feel free to fork this module and make it your own, or
|
|
just put the code right inline, there's not much of it.)
|
|
|
|
## USAGE
|
|
|
|
```js
|
|
// src/index.ts
|
|
import {
|
|
findPackageJson,
|
|
loadPackageJson,
|
|
} from 'package-json-from-dist'
|
|
|
|
const pj = findPackageJson(import.meta.url)
|
|
console.log(`package.json found at ${pj}`)
|
|
|
|
const pkg = loadPackageJson(import.meta.url)
|
|
console.log(`Hello from ${pkg.name}@${pkg.version}`)
|
|
```
|
|
|
|
If your module is not directly in the `./src` folder, then you need
|
|
to specify the path that you would expect to find the
|
|
`package.json` when it's _not_ built to the `dist` folder.
|
|
|
|
```js
|
|
// src/components/something.ts
|
|
import {
|
|
findPackageJson,
|
|
loadPackageJson,
|
|
} from 'package-json-from-dist'
|
|
|
|
const pj = findPackageJson(import.meta.url, '../../package.json')
|
|
console.log(`package.json found at ${pj}`)
|
|
|
|
const pkg = loadPackageJson(import.meta.url, '../../package.json')
|
|
console.log(`Hello from ${pkg.name}@${pkg.version}`)
|
|
```
|
|
|
|
When running from CommmonJS, use `__filename` instead of
|
|
`import.meta.url`.
|
|
|
|
```js
|
|
// src/index.cts
|
|
import {
|
|
findPackageJson,
|
|
loadPackageJson,
|
|
} from 'package-json-from-dist'
|
|
|
|
const pj = findPackageJson(__filename)
|
|
console.log(`package.json found at ${pj}`)
|
|
|
|
const pkg = loadPackageJson(__filename)
|
|
console.log(`Hello from ${pkg.name}@${pkg.version}`)
|
|
```
|
|
|
|
Since [tshy](https://github.com/isaacs/tshy) builds _both_
|
|
CommonJS and ESM by default, you may find that you need a
|
|
CommonJS override and some `//@ts-ignore` magic to make it work.
|
|
|
|
`src/pkg.ts`:
|
|
|
|
```js
|
|
import {
|
|
findPackageJson,
|
|
loadPackageJson,
|
|
} from 'package-json-from-dist'
|
|
//@ts-ignore
|
|
export const pkg = loadPackageJson(import.meta.url)
|
|
//@ts-ignore
|
|
export const pj = findPackageJson(import.meta.url)
|
|
```
|
|
|
|
`src/pkg-cjs.cts`:
|
|
|
|
```js
|
|
import {
|
|
findPackageJson,
|
|
loadPackageJson,
|
|
} from 'package-json-from-dist'
|
|
export const pkg = loadPackageJson(__filename)
|
|
export const pj = findPackageJson(__filename)
|
|
```
|