Electing one WebSocket leader across browser tabs with the Web Locks API

·5 views

A developer building a realtime issue tracker with IndexedDB and a WebSocket needed only one connection per browser when the same workspace was open in many tabs. They use navigator.locks: every tab requests the same named lock, and the browser grants it to one tab, which holds leadership until it closes. When the leader closes, the browser releases the lock and the next queued tab takes over, so no explicit failover code is needed. Tabs coordinate through a BroadcastChannel using seven message types, with the leader writing data to IndexedDB before announcing it to followers. Followers that detect a version gap reload from storage rather than repairing it themselves.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Vibewright: a free desktop app that turns a one-line idea into a plan Claude Code builds

Vibewright is a free, open-source desktop app for Windows and macOS that helps users turn a rough project idea into a structured plan. The app guides users through a short multiple-choice interview, then produces a needs analysis and a phased plan with completion criteria. Before any build begins, it checks which tools or plugins each phase requires and installs nothing without the user's approval. The build stage runs Claude Code in an embedded terminal, which tracks progress and checks off finished steps while the user approves each gate.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Versioned Itinerary Retrieval Keeps Travel Planners Current and Auditable

Travel itinerary systems should retrieve the newest valid revision of a trip document while keeping older versions available for explanation. The recommended design stores each revision as an immutable document, indexed by a stable trip identifier and an active-at timestamp, with revision IDs attached to every chunk and citation. This avoids overwriting source files, which can break the link between an answer and the evidence behind it. Retrieval first resolves the permitted revision set and filters by freshness and authorization, and only then ranks results, so rerankers cannot decide which versions are valid. The article supports the approach with a small in-memory Python example that selects the active revision for a given time.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Utilkits Runs PDF, OCR and AI Tools Locally in the Browser, Reports What Broke

A developer built Utilkits, a platform of 99 everyday tools, to keep uploaded PDFs and images on the user's device rather than on a server. The Next.js 16 app runs PDF manipulation, OCR via Tesseract.js, and several on-device AI models client-side using WebAssembly and web workers. The developer says the tools that cannot run locally are disclosed on the site, such as a redirect checker that needs a server. Two production bugs stood out: an onnxruntime import that failed without an import map and a content security policy that blocked the CDN-fetched engine, plus a background remover that worked in development but failed in production due to mismatched model input and output names. Each tool page also includes a privacy badge that inspects browser network requests to show downloads versus data sent.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Carolina Won the Stanley Cup but Ranks Ninth in Year-Long NHL Social Attention

A social media analysis tracked public conversation about all 32 NHL clubs and the league over a year from November 2025 to November 2026. Researchers found that winning and online attention are only weakly linked, with a correlation near zero on the main measure. Carolina, despite winning the Stanley Cup, ranked ninth on the main attention measure, while Montreal led and Nashville placed last. The top-attention clubs generated their biggest spikes mostly on playoff, draft, and lottery days rather than regular game nights. The study's largest single day across the league was tied to the Olympic men's final, not a Stanley Cup Final game.

0 comments Read more at DEV Community