✨ 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
80 lines
1.7 KiB
JavaScript
80 lines
1.7 KiB
JavaScript
let browserslist = require('browserslist')
|
|
let { agents } = require('caniuse-lite/dist/unpacker/agents')
|
|
|
|
let utils = require('./utils')
|
|
|
|
class Browsers {
|
|
constructor(data, requirements, options, browserslistOpts) {
|
|
this.data = data
|
|
this.options = options || {}
|
|
this.browserslistOpts = browserslistOpts || {}
|
|
this.selected = this.parse(requirements)
|
|
}
|
|
|
|
/**
|
|
* Return all prefixes for default browser data
|
|
*/
|
|
static prefixes() {
|
|
if (this.prefixesCache) {
|
|
return this.prefixesCache
|
|
}
|
|
|
|
this.prefixesCache = []
|
|
for (let name in agents) {
|
|
this.prefixesCache.push(`-${agents[name].prefix}-`)
|
|
}
|
|
|
|
this.prefixesCache = utils
|
|
.uniq(this.prefixesCache)
|
|
.sort((a, b) => b.length - a.length)
|
|
|
|
return this.prefixesCache
|
|
}
|
|
|
|
/**
|
|
* Check is value contain any possible prefix
|
|
*/
|
|
static withPrefix(value) {
|
|
if (!this.prefixesRegexp) {
|
|
this.prefixesRegexp = new RegExp(this.prefixes().join('|'))
|
|
}
|
|
|
|
return this.prefixesRegexp.test(value)
|
|
}
|
|
|
|
/**
|
|
* Is browser is selected by requirements
|
|
*/
|
|
isSelected(browser) {
|
|
return this.selected.includes(browser)
|
|
}
|
|
|
|
/**
|
|
* Return browsers selected by requirements
|
|
*/
|
|
parse(requirements) {
|
|
let opts = {}
|
|
for (let i in this.browserslistOpts) {
|
|
opts[i] = this.browserslistOpts[i]
|
|
}
|
|
opts.path = this.options.from
|
|
return browserslist(requirements, opts)
|
|
}
|
|
|
|
/**
|
|
* Return prefix for selected browser
|
|
*/
|
|
prefix(browser) {
|
|
let [name, version] = browser.split(' ')
|
|
let data = this.data[name]
|
|
|
|
let prefix = data.prefix_exceptions && data.prefix_exceptions[version]
|
|
if (!prefix) {
|
|
prefix = data.prefix
|
|
}
|
|
return `-${prefix}-`
|
|
}
|
|
}
|
|
|
|
module.exports = Browsers
|