✨ 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
4.1 KiB
node-abort-controller
AbortController Polyfill for Node.JS based on EventEmitter for Node v14.6.x and below.
Are you using Node 14.7.0 or above? You don't need this! Node has AbortController and AbortSignal as builtin globals. In Node versions >=14.7.0 and <15.4.0 you can access the experimental implementation using --experimental-abortcontroller.
Example Usage
Timing out fetch
import fetch from "node-fetch";
import { AbortController } from "node-abort-controller";
const controller = new AbortController();
const signal = controller.signal;
await fetch("https:/www.google.com", { signal });
// Abort fetch after 500ms. Effectively a timeout
setTimeout(() => controller.abort(), 500);
Re-usable fetch function with a built in timeout
import { AbortController } from "node-abort-controller";
import fetch from "node-fetch";
const fetchWithTimeout = async (url = "") => {
const controller = new AbortController();
const { signal } = controller;
const timeout = setTimeout(() => {
controller.abort();
}, 5000);
const request = await fetch(url, { signal });
clearTimeout(timeout);
const result = await req.json();
return result;
};
Why would I need this?
You might not need to! Generally speaking, there are three environments your JavaScript code can run in:
- Node
- Modern Browsers (Not Internet Explorer)
- Legacy Browsers (Mostly Internet Explorer)
For modern JS APIs, each environment would ideally get a polyfill:
- only if it needs one
- specific to the platform.
In practice, this is hard. Tooling such as webpack and browserify are great at making sure stuff works out of the box in all environments. But it is quite easy to fail on both points above. In all likelyhood, you end up shipping less than ideal polyfills on platforms that don't even need them. So what is a developer to do? In the case of fetch and AbortController I've done the work for you. This is a guide to that work.
If you are building a ...
NodeJS library only supports Node 16 or above
You don't need this library! AbortController is now built into nodeJS . Use that instead.
Web Application running only in modern browsers
You don't need a library! Close this tab. Uninstall this package.
Web Application running in modern browsers AND NodeJS (such as a server side rendered JS app)
Use this package and node-fetch. It is minimally what you need.
Web Application supporting legacy browsers AND NOT NodeJS
Use abort-controller and whatwg-fetch. These are more complete polyfills that will work in all browser environments.
Web Application supporting legacy browsers AND NodeJS
Use abort-controller and cross-fetch. Same as above, except cross-fetch will polyfill correctly in both the browser and node.js
NodeJS Library being consumed by other applications and using fetch internally
Use this package and node-fetch. It is the smallest and least opinionated combination for your end users. Application developers targeting Internet Exploer will need to polyfill AbortController and fetch on their own. But your library won't be forcing unecessary polyfills on developers who only target modern browsers.
Goals
With the above guide in mind, this library has a very specific set of goals:
- Provide a minimal polyfill in node.js
- Do not provide a polyfill in any browser environment
This is the ideal for library authors who use fetch and AbortController internally and target both browser and node developers.
Prior Art
Thank you @mysticatea for https://github.com/mysticatea/abort-controller. It is a fantastic AbortController polyfill and ideal for many use cases.