JavaScript Abort Signal & Semaphore

Abort Signal

The AbortSignal interface represents a signal object that allows you to communicate with a DOM request (such as a fetch request) and abort it if required via an AbortController object.

Fetch: Abort

fetch returns a promise. And JavaScript generally has no concept of “aborting” a promise. So how can we cancel an ongoing fetch? E.g. if the user actions on our site indicate that the fetch isn’t needed any more.

There’s a special built-in object for such purposes: AbortController. It can be used to abort not only fetch, but other asynchronous tasks as well.

“abort” enables sending a signal to an awaited function to stop processing, i.e. in case the API response takes a while to finish and connection is closed by client (i.e. UI cancel button or similar).
In such case it is useful to stop sub-processing.Potentially long running processing could benefit from being able to receive such “signal”.

With node.js version 18 the message can also include “reason”, so it has almost perfect symmetry with “throw error”. Throw can send custom error object “up the caller stack”, while “abort” can send message “down the stack”. It could be useful.

an alternative, open source library

Semaphore @GitHub

A promise-based semaphore implementation suitable to be used with async/await.

This package can be used to synchronize functions that span multiple iterations of the event loop and prevent other code from being executed while your function is waiting.

good podcast discussion and links:

JS logging & error handling with Bret Comnes & Mik Lysenko (JS Party #227) |> Changelog

JS Party #219 - Making moves on supply chain security

FullStory

pino

grafana

DataDog RUM

React Suspense: Async Rendering in React

Matomo

Google Analytics alternative that protects your data and your customers' privacy

Take back control with Matomo – a powerful web analytics platform that gives you 100% data ownership.

6 Ways To Abort Javascript Execution (Simple Examples)

WAPM: WebAssembly Package Manager (!)

//wapm.io/

introduction to wapm (webassembly package manager) tutorial using wasmer, assemblyscript and as-wasi - YouTube

by Chris Hay

"WAPM is a package manager for WebAssembly created by the folks at WASMER. Think of it as npm but for webassembly. In this video we explore the various features of WAPM and how you can use WASM modules on the online playground and how to install wasm modules locally using WAPM. In addition we get underneath and look at how WAPM packages up the modules and show how it can be used by both wasmer and wasmtime runtimes. In addition, we create and publish our own WAPM package with our own WebAssembly (WASM) module using assemblyscript. We create a simple hello-world program that outputs hello world to the console using WASI (WebAssembly System Interface) and as-wasi. WASI allows you to access console, environment and filesystem from webassembly using extensions. Finally we package our application and publish it to the wapm.io registry."

chrishayuk/hello-wasi-assemblyscript @GitHub