Four common reasons Sanity's image hotspot fails and how to fix each

·1 views

Developers using Sanity's image-url builder often find that hotspot and crop focal points set in Studio are ignored during rendering. The most frequent cause is the builder defaulting to fit('clip') instead of fit('crop'), which must be explicitly set for hotspot data to take effect. A second issue arises when content migrated from other systems stores hotspot coordinates as pixel values rather than the required 0–1 fractional values, causing the CDN to misplace the crop. Sanity stores hotspot as x, y, width, and height floats between 0 and 1, and any value above 1 signals a faulty import that requires a migration script to normalise. Developers can verify hotspot behaviour by inspecting raw documents in Sanity Studio or checking generated image URLs for the crop query parameter.

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)

xAI Open-Sources Grok Build, Its Terminal-Based AI Coding Agent

xAI has publicly released the source code for Grok Build, a terminal-based AI coding agent designed to inspect codebases, edit files, run shell commands, search the web, and manage long-running tasks. Unlike many AI coding products that conceal implementation details behind hosted interfaces, the open-source release allows developers to study how the tool is structured, how it handles shell access, and how it manages permissions and context. The repository is organized into modular packages covering the UI, shell runtime, tools, workspace management, and sandboxing, making it more of an infrastructure project than a simple model demo. It also supports headless scripting and editor integration via the Agent Client Protocol, positioning it as a flexible foundation for building internal copilots or agent workflows. The release has drawn attention in developer communities as evidence that agent quality is increasingly an engineering challenge, not just a model capability question.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Developer Launches Free DST-Aware Timezone Conversion API With 400+ IANA Zones

A developer has released Timezone Convert API, a free tool for converting times across more than 400 IANA timezone zones with daylight saving time awareness. The API requires no authentication key and is CORS-enabled, making it accessible for web applications. It supports multiple endpoints, including time conversion, current time lookup, UTC offset retrieval, and time-difference calculation between two zones. The service is live at timezone-convert.techtenstein.com and includes an OpenAPI 3.1 specification for developer reference. The project is released under the MIT open-source licence.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Why Software Costs Spiral: Process Goals Are Quietly Overriding Product Goals

Software development costs often remain misunderstood because every system is built only once, leaving no alternative version to compare against or benchmark for quality. When systems become slow and expensive to change, the blame typically falls on complexity or shifting requirements rather than the original architectural decisions. A key driver of this problem is teams prioritising process compliance — such as closing sprint tickets on time — over building the right product. Mid-sprint discoveries that a task is wrongly scoped are frequently suppressed to meet sprint deadlines, turning a structural flaw into a recurring, invisible cost. This pattern has persisted for decades partly because it is never clearly identified as a mistake in how teams measure and reward their own work.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

IPv4 vs IPv6 Explained: How Developers Can Reliably Detect User IP Addresses

IP addresses come in two formats: IPv4, a 32-bit system with roughly 4.3 billion addresses, and IPv6, a 128-bit system designed to overcome IPv4 exhaustion with a near-unlimited address space. Developers must also distinguish between public IPs, routable on the internet, and private IPs reserved for local networks such as the 192.168.x.x range. When building backend applications, the IP a server receives is not always the true client IP, particularly when requests pass through proxies, load balancers, or CDNs like Cloudflare. In Node.js and Python, developers can read the X-Forwarded-For header to retrieve the original client IP, though the first value in the list should be treated as untrusted unless the proxy chain is controlled. Security-critical functions such as rate limiting or geofencing should never rely solely on client-reported IP headers, as these can be spoofed without proper edge-level validation.

0 comments Read more at DEV Community